解决uni-app设置input的placeholder颜色不生效

前端在如今的开发环境中占着重要的角色,随着网络的健全及蓬勃发展。人们对于页面样式的美观要求也愈加严苛。

在网站中input对于数据的录入,绝对是极为重要的选项。那么在uni-app开发中通过对input的placeholder颜色修改不生效该如何解决?

首先,我们来看下常见对于placeholder颜色修改写法,但你会发现在uni-app中存在不生效情况。

不生效错误方法,在当前页面style中定义set_placeholder类名并设置字体颜色。

<input placeholder-class="set_placeholder" placeholder="请设置分享标题" class="item_input flex1" type="text" />

知道了不生效的情况,下面就来看看如何正确设置placeholder颜色。

placeholder颜色正确生效解决办法

    1、设置placeholder-class

<input placeholder-class="set_placeholder" placeholder="请设置分享标题" type="text" />

    2、在App.vue中设置set_placeholder

.set_placeholder{
color: #ff0000;
}
以上为给placeholder设置为红色。


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!