uview2.0textarea中placeholder-style设置失效,解决办法!!!

方法很重要!!!我试了很多方法都没用,用深度选择器和自带的placeholderStyle都不行,可以说是把坑都踩了一遍。。。废话不多说,下面是解决办法!!!

其实只需要加上placeholder-class指定placeholder的样式类就行了

​
<u-textarea v-model="value" placeholder-class="custom-placeholder" placeholder="补充描述,有助于商家更好的处理售后问题。" autoHeight count></u-textarea>

​

这里我定义的类名为custom-placeholder

接着在style里面定义custom-placeholder类名就能控制样式了

<style>
.custom-placeholder {
	color: red !important; /* 修改 placeholder 颜色 */
	font-size: 14px !important; /* 修改 placeholder 字体大小 */
}
</style>

如果需要在scoped里面调整样式,需要使用深度选择器,不过有时候/deep/会报错,这时候换成::v-deep 就行了

<style lang="scss" scoped>
::v-deep .custom-placeholder {
	color: red !important; /* 修改 placeholder 颜色 */
	font-size: 14px !important; /* 修改 placeholder 字体大小 */
}
</style>

别粗心记得::v-deep后面加空格不然又是一页爆红,,,当然问题不同解决办法也不同,希望能帮助到你~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值