微信小程序:修改提示信息placeholder颜色

方法一:使用 placeholder-style

直接在 inputtextarea 组件中使用 placeholder-style 属性来设置 placeholder 的样式。

html 复制代码
<input placeholder="请输入内容" placeholder-style="color: #999; font-size: 14px;" />

或者:

html 复制代码
<textarea placeholder="请输入内容" placeholder-style="color: #999; font-size: 14px;"></textarea>

方法二:使用 placeholder-class

你也可以通过 placeholder-class 属性来指定一个类名,然后在对应的 .wxss 文件中定义这个类的样式。

html 复制代码
<input placeholder="请输入内容" placeholder-class="custom-placeholder" />

wxss

css 复制代码
.custom-placeholder {
  color: #999;
  font-size: 14px;
}

方法三:全局样式

如果你想在整个小程序中统一设置 placeholder 的样式,可以在 app.wxss 中定义全局样式。

css 复制代码
/* app.wxss */
input::placeholder,
textarea::placeholder {
  color: #999;
  font-size: 14px;
}
相关推荐
萧寂1735 小时前
微信小程序从右向左无限滚动组件封装(类似公告)
微信小程序·小程序
秋野酱7 小时前
基于javaweb的SpringBoot个人健康管理系统小程序微信小程序设计与实现(源码+文档+部署讲解)
spring boot·微信小程序·小程序·毕业设计
爷傲奈我何!13 小时前
原生微信小程序实现导航漫游(Tour)
微信小程序·小程序
编程毕设13 小时前
【含文档+PPT+源码】基于微信小程序的社区便民防诈宣传系统设计与实现
微信小程序·小程序
donghuzi114 小时前
关于微信小程序端base64解码问题
微信小程序·小程序
男子峰17 小时前
京东Taro小程序原生端接入操作
ios·小程序·taro
爱因斯坦乐17 小时前
小程序配置
小程序
睡不着的可乐18 小时前
【自定义微信小程序拉下选择过滤组件】searchable-select
微信小程序
说私域19 小时前
共享经济再中介化进程中的技术创新与模式重构研究——以“开源AI智能名片链动2+1模式S2B2C商城小程序“为例
人工智能·微信·小程序·重构·开源·零售