ITPub博客

首页 > 应用开发 > IT综合 > ELEMENT UI样式无法修改怎么办?

ELEMENT UI样式无法修改怎么办?

IT综合 作者:ii_chengzi 时间:2018-09-27 15:34:17 1 删除 编辑

做项目需要用到Element UI组件来写,非常方便,但毕竟Element UI是有它自己的默认样式的,并不是客户所要求的,但就在我想要修改样式时遇到了棘手的问题。

如何引入和使用 Element 这里就不多介绍了,官方文档和百度有很多,shenzhen.offcn.com这里主要就是写一下题目中提到的样式无法修改的问题。

Element官方文档中给出最简单的分页组件:

ELEMENT UI样式无法修改解决方法
ELEMENT UI样式无法修改解决方法

当然这是 Element 的默认样式,当修改它的样式时,比如每一个数字之间的间距和边框,都没有成功,在调试器里也找不到对应的修改。

如何解决?

ELEMENT UI样式无法修改解决方法

引入样式时使用的是上面这段代码,我们只需要把 scoped 属性删除掉,或者如果 scoped 涉及到其他样式那么就再写一个 style 标签,在新的 style 标签里去修改 Element 组件的样式。

ELEMENT UI样式无法修改解决方法


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31543790/viewspace-2215051/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-06-26

  • 博文量
    264
  • 访问量
    342552