elementui样式不生效,elementui样式无效scoped

　　比如有一个输入框。

　　El-input ref= my search class= my search size= small placeholder= please input the content suffix-icon= El-icon-search v-model= input 1 /El-input如果没有添加自定义样式，输入框会是这样的。

　　我希望如此。

　　通过Google Chrome的开发者工具，找到对应样式的类名为。el-input__inner。

　　但是发现html中前面的el-input标签被解析成了这个，其中mySearch是自己添加的，所以我们可以找到mySearch的元素，需要修改的子元素类名是。el-input__inner。

　　如果通过css的选择器选择了一个子元素，则它不能应用于该子元素内部的元素。

　　使用以下手写笔语法。

　　下面是错误的写法：

　　style scoped lang= style rel= style sheet/style 。my search . El-input _ _ inner border-radius 20px/style使其有效的方式

　　方案一：你需要在中间加一个/深/天赋。

　　style scoped lang= stylus rel= style sheet/stylus 。mysearch/deep/。El-input _ _ inner border-radius 20px/style方案二：去掉scoped。这种方法可以达到效果但是不推荐！

　　一般来说，作用域不能生效的原因是作用域不能应用于内部子组件。解决问题的最后一个方法是添加/deep/

　　关于ElementUI自定义CSS样式无效的解决方案的这篇文章到此为止。有关无效ElementUI样式的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。