vue删除css样式,js删除css样式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Vue怎么修改第三方组件属性

解决方法：

1.去掉style标签的scoped 属性，即使用全局样式

2.使用深度作用选择器/deep/，使用方式：将/deep/ + space空格添加在第三方样式类的前面。如果是使用less语法的话，直接在第三方样式的最外一层添加一遍/deep/就可以了

注意事项：如果/deep/添加多了，google浏览器下会报警告，需要打开控制台的Elements，ctrl + f查找/deep/，搜索到了的话，需要在对应的css位置删除掉

/deep/ .classnamefromother {

/*css样式代码...*/

}

相关问答

Q1: vue怎么在methods动态移除样式

vue.js移除绑定的点击事件的方法：可以用 v-on 指令监听 DOM 事件： Greet 绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法： var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // 在 `methods` 对象

Q2: vue.js中的组件缺失部分css样式是怎么回事

el-table-column并不是一个dom节点，所以infotext这个类究竟用在哪，需要看下el-table-column这个组件的实现才知道。

用了第三方组件的必然都会遇到你这样的问题，我说下我的解决方法，不一定是好的。

一个vue文件可以写多个style/style，加上socped代表本组件的样式，不污染全局。如果需要覆盖第三方组件样式，则不能加scoped，因此需要另写一个style.xxx-component{...}/style，这里用一个大类包裹防止污染全局。

接着，我用比较笨的方法(有好的方法请告知)，就是打开f12检查究竟要覆盖哪些样式，然后写在没有加scoped的style里即可。

其实一些好的第三方UI库都有提供自定义样式的方法的，这样实现起来才是最便捷的。

Q3: vue中修改element ui组件默认样式的两种方式

vue项目中经常会用到element ui，有时候需要修改默认的样式，比如表格，导航栏等，输入框等等。

可以用以下两种方式修改：

1.给组件加上id或者class，然后添加一个style，不要加scoped（vue可以有多个style），在组件里直接修改

2.外部引入css文件，默认样式会被覆盖

3.利用深度::v-deep深度修改组建的样式，可以直接写在到scoped作用域的style里面。（推荐）