文章正文

ElementUI组件样式修改的几种方式

【文章】2020-04-23

简介ElementUI组件样式修改的几种方式

方法一：自定义样式（id/class/行内样式）修改组件样式。


方法二：重写组件class，在style里面覆盖，注意style要加scoped(仅当前页面生效),vue可以有多个style。

<style>
.el-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5433vw;
}
</style>


方法三：利用深度/deep/深度修改组件的样式，写在到scoped作用域的style里面（仅当前页生效）。（推荐）

<style scoped>
#mydialog /deep/ .el-dialog_header {
  height: 22px;
  margin-bottom: 20px;
  padding: 1.042vw;
  padding-bottom: 0.521vw;
}
</style>

打赏支持

感谢您的支持，加油!

打开微信扫码打赏，你说多少就多少

找书费时，联系客服快速获取!

扫码支持

在线客服8:30-22:30，若离线请留言！

获取教程，请联系在线客服!

扫码支持

在线客服8:30-22:30，若离线请留言！

热门阅读

找PDF电子书，太费时间?

  • 微信扫描二维码，让客服快速查找。

    • 在线客服8:30-22:00，若离线请留言！