一、web 设置placeholder
设置浏览器的placeholder样式
::-webkit-input-placeholder { /* WebKit browsers */color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999;
}
二、微信小程序设置placeholder
在小程序中设置placeholder样式需要使用组件的内置属性。可以通过以下方式设置input和textarea的placeholder样式:
<!-- input组件 -->
<input placeholder-style="color:#999;font-size:14px;" /><!-- textarea组件 -->
<textarea placeholder-style="color:#999;font-size:14px;"></textarea>
在上面的示例中,placeholder-style属性被设置为一个字符串,包含了CSS样式。在这个字符串中,您可以设置任何CSS样式属性,例如颜色、字体大小、字体样式等。
请注意,这些属性仅适用于placeholder文本,而不是输入的文本。如果您需要设置输入文本的样式,应该将样式应用到输入框或文本域本身。
三、欢迎交流指正
参考链接
关于微信小程序设置placeholder样式最简便操作_善良美丽大方可爱真棒的博客-CSDN博客
设置placeholder属性样式的多种写法_placeholder样式_李梅思的博客-CSDN博客