小程序设置input的placeholder字体颜色

微信   2025-01-03 16:02   210   0  

第一种方法(亲测)

1.想要给出的placeholder的字体颜色跟默认小程序的不一样,需自定义,给其自定义一个placeholder-class

2. wxml 示例

<input type="text" value="" placeholder="请输入信息"  placeholder-class="b-palceholder"/>

3. wxss 示例

.b-palceholder{
color: rgb(218, 212, 212);
}



第二种方法:在小程序中,设置placeholder的字体颜色可以通过placeholder-style属性来实现。以下是一个简单的例子:

<input placeholder="请输入用户名" placeholder-style="color: #909399;" />

在这个例子中,placeholder-style属性设置了placeholder文本的颜色为#909399。这个属性可以和CSS样式规则一样,设置font-size, font-weight等任何CSS属性。



参考:https://blog.csdn.net/qq_39951524/article/details/135741576


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。