当前位置: 首页 > article >正文

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

方法一:使用 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;
}

http://www.kler.cn/a/591310.html

相关文章:

  • 【亲测有效,已顺利上线】你好,你的小程序涉及提供播放、观看等服务,请补充选择:文娱-其他视频类目。(多种没有资质的解决方案)
  • 自动驾驶背后的数学:特征提取中的线性变换与非线性激活
  • vue3 函数式弹窗
  • NGINX 执行阶段与OpenResty的 *_by_lua指令
  • DevOps工具链
  • VulnHub-Joker通关攻略
  • 微信小程序实现根据不同的用户角色显示不同的tabbar并且可以完整的切换tabbar
  • 【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现生物识别(指纹识别)应用
  • Arch Linux高性能数据处理优化指南
  • C++ 学习笔记(三)—— 入门+类和对象
  • 【PDF识别】总结PDF文本内容与表格提取的方法
  • 招聘信息|基于SprinBoot+vue的招聘信息管理系统(源码+数据库+文档)
  • 如何才能避免漏测事故的发生?
  • 《港口危货储存单位主要安全管理人员》考试资料及答案解析
  • C# WPF编程-RepeatButton
  • opencv + opengl显示摄像头视频流
  • PyCharm 2019.1.3使用python3.9创建虚拟环境setuptools-40.8.0报错处理
  • 单臂路由+VLANIF
  • 【论文阅读】FairCLIP - 医疗视觉语言学习中的公平性提升
  • 实战设计模式之解释器模式