方法一:使用 placeholder-style
直接在 input
或 textarea
组件中使用 placeholder-style
属性来设置 placeholder
的样式。
<input placeholder="请输入内容" placeholder-style="color: #999; font-size: 14px;" />
或者:
<textarea placeholder="请输入内容" placeholder-style="color: #999; font-size: 14px;"></textarea>
方法二:使用 placeholder-class
你也可以通过 placeholder-class
属性来指定一个类名,然后在对应的 .wxss
文件中定义这个类的样式。
<input placeholder="请输入内容" placeholder-class="custom-placeholder" />
wxss
.custom-placeholder {color: #999;font-size: 14px;
}
方法三:全局样式
如果你想在整个小程序中统一设置 placeholder
的样式,可以在 app.wxss
中定义全局样式。
/* app.wxss */
input::placeholder,
textarea::placeholder {color: #999;font-size: 14px;
}