vue项目中引入自己写的css文件,对element-ui控件的影响

yuewawa 发布于 03/13 21:47
阅读 742
收藏 1

在vue项目中因为需要自定义table样式,所以用原生的html标签写了表格,在style.css写了样式如下

引入到页面A.vue文件里面

我在页面B.vue用element-ui里el-table写的表格也自动引用了style.css样式,我并未在el-table使用style.css里面的样式,

原来的el-table样式如下

加了style.css之后

如何引用style.css才不会对element-ui有影响?谢谢

加载中
0
故木
故木

哇  我昨天才踩了这个坑  静态不变的class  不要写在scoped里   单独在页面写个

<style type="text/css" ></style>

标签  class放里面就能引用

你这里 在不带scoped 的style标签里引用试一试

yuewawa
yuewawa
回复 @故木 : 之前试过不行
故木
故木
回复 @yuewawa : 我的意思是你在不带scoped的style标签中引用试一试
yuewawa
yuewawa
我写在css文件里面就是为了复用,我在之前就是写在单独的vue文件里面的。。。
0
jongmingLai
jongmingLai

给个类名控制吧,就是样式覆盖,先加载了element-ui的css,再引了你的style.css(看你描述的“自动引用了style”,目测你在main.js也引用了,就成了公共css了),并且都是标签,23333。。。 用类名啥事都没。

yuewawa
yuewawa
main.js里面没有引用,就在vue文件里面引用的,我后来已经单独用了class命名了。。。
返回顶部
顶部