ionic ion-input中placeholder颜色设置方法

IFuLixiang

于 2018-05-26 14:56:26 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ionic 文章标签： ionic ionic3 text-input placeholder

本文链接：https://blog.youkuaiyun.com/csufulixiang/article/details/80461833

ionic 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Ionic应用中自定义ion-input组件的placeholder颜色。通过添加"class=text-input"并设置相应的CSS样式，可以轻松改变placeholder的文字颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<ion-input class="text-input" id="p" type="tel" placeholder="输入手机号码" [(ngModel)]="phnNbr" clearInput></ion-input>

如上图，只需设置class="text-input"，然后设置样式如下即可：

    .text-input::-webkit-input-placeholder {
        color: white;
    }

    .text-input:-ms-input-placeholder {
        color: white;
    }

    .text-input::-moz-placeholder {
        color: white;
    }

    .text-input:-moz-placeholder {
        color: white;
    }