
Vue怎么修改第三方组件属性
1个回答
展开全部
解决方法:
1.去掉<style>标签的scoped 属性,即使用全局样式
2.使用深度作用选择器/deep/,使用方式:将/deep/ + space空格 添加在第三方样式类的前面。如果是使用less语法的话,直接在第三方样式的最外一层添加一遍/deep/就可以了
注意事项:如果/deep/添加多了,google浏览器下会报警告,需要打开控制台的Elements,ctrl + f查找/deep/,搜索到了的话,需要在对应的css位置删除掉
/deep/ .classnamefromother {
/*css样式代码...*/
}
1.去掉<style>标签的scoped 属性,即使用全局样式
2.使用深度作用选择器/deep/,使用方式:将/deep/ + space空格 添加在第三方样式类的前面。如果是使用less语法的话,直接在第三方样式的最外一层添加一遍/deep/就可以了
注意事项:如果/deep/添加多了,google浏览器下会报警告,需要打开控制台的Elements,ctrl + f查找/deep/,搜索到了的话,需要在对应的css位置删除掉
/deep/ .classnamefromother {
/*css样式代码...*/
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |