问题描述
uniapp微信小程序，使用input组件时，想要改变提示词 placeholder 的样式，但是使用placeholder-class 改变不了
如下：
<input type="text" placeholder="搜索" placeholder-class="placeholder_class">
<style lang="less" scoped>
.placeholder_class{
font-size: 26rpx;
}
</style>
问题分析
如果你在使用`scoped`属性时无法改变`placeholder`的样式，可能是由于样式的优先级问题。在CSS中，选择器的优先级是根据其特定性和声明顺序来确定的。当多个选择器具有相同的特定性时，后面声明的样式会覆盖前面的样式。
解决方案
方法一：去掉scope
为了避免影响我的其他代码，所以还是要使用scoped，我们可以单独再写一个style
<style lang="less" scoped> //原本其他的css样式 </style> <style> .placeholder_class{ font-size: 26rpx; } </style>
方法二：使用deep选择器
deep选择器用于穿透组件的作用域，将样式应用于子组件的元素。它的作用是使得样式选择器的范围扩大到子组件内部，以便修改子组件的样式。文章来源：https://www.toymoban.com/news/detail-764858.html<style lang="less" scoped> /deep/ .placeholder_class{ font-size: 26rpx; } </style>
记录一下。。 文章来源地址https://www.toymoban.com/news/detail-764858.html
到了这里，关于【uniapp】小程序中input输入框的placeholder-class不生效解决办法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
