方法很重要!!!我试了很多方法都没用,用深度选择器和自带的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后面加空格不然又是一页爆红,,,当然问题不同解决办法也不同,希望能帮助到你~~