小程序中修改input的placeholder字体颜色样式

作者：System 时间：2024年08月16日分类：所有,小程序字数：497

这篇文章距离上次修改已过434天，其中的内容可能已经有所变动。

在小程序中，修改input组件的placeholder的字体颜色可以通过在input组件上使用placeholder-class属性来指定一个自定义的样式类。然后在这个样式类中设置color属性来改变placeholder的颜色。

以下是一个简单的例子：

首先，在你的小程序的.wxss文件中定义一个新的样式类：




/* 在你的 .wxss 文件中 */
.custom-placeholder {
  color: red; /* 这里设置你想要的颜色 */
}

然后，在你的.wxml文件中的input组件上使用placeholder-class属性：




<!-- 在你的 .wxml 文件中 -->
<input placeholder="请输入内容" placeholder-class="custom-placeholder" />

这样就可以将input组件的placeholder的字体颜色修改为你在.wxss文件中定义的颜色。