美文网首页
2019-07-23改变Element组件的默认样式

2019-07-23改变Element组件的默认样式

作者: Kason晨 | 来源:发表于2019-07-23 15:53 被阅读0次

思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;



原始样式

覆盖样式:

使用 /deep/ 可以让css有穿透效果

.left /deep/ .el-collapse-item__header {
  background: rgb(67, 90, 119);
  color: #fff;
  border: none;
  padding-left: 50px;
}
.left /deep/ .el-collapse-item__content {
  background: rgb(30, 41, 54);
  color: #fff;
  padding: 0;
}

.grid-content /deep/ .el-collapse {
  border: none;
}
.grid-content /deep/ .el-collapse-item__wrap {
  border: none;
}

.el-collapse-item /deep/ .el-collapse-item__wrap{
  border:none;
}

.el-dropdown-link {
  cursor: pointer;
  color: #409eff;
  margin-right: 60px;
}
.el-icon-arrow-down {
  font-size: 12px;
}
修改成功

相关文章

  • 2019-07-23改变Element组件的默认样式

    思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改; 覆盖样式: 使用 /de...

  • vue中高亮显示组件

    点击不同的组件,高亮显示并渲染组件html结构通过点击改变样式 data绑定数据 stylus样式 默认样式

  • 插件工具 | element-ui的使用

    element-ui中select组件绑定值改变,触发change事件方法 使element-tree默认展开节点高亮

  • vue 父组件修改子组件样式

    最近在使用vue引用element-ui中的组件,需要改变子组件的样式。 发现直接修改样式不起作用、除非写成全局。...

  • 关于改变element默认样式的问题

    在vue-cli中使用element的下拉框 想改变下拉框的宽高需要在浏览器右键检查找到元素的class名或者id...

  • [Vue] scoped覆盖第三方或子组件样式无效

    父组件改变子组件样式 深度选择器 我们不可避免会有覆盖第三方组件库 ( 如element-ui[https://e...

  • 2020-12-20

    1.细致看看element样式到底怎么覆盖,怎么改?跟scoped关系。 VUE 如何覆盖element组件样式 ...

  • 修改element-ui全局样式

    应用中经常会遇到根据美工设计,修改element-ui中table、input等组件默认样式的需求 一般解决的方法...

  • 如何修改Element-ui组件默认样式

    在前端项目中会运用各种组件,有时组件的默认样式并不是你项目中所需要的,你需要更改样式,但修改样式并不成功,我这次也...

  • 样式封装&组件间通信

    关于样式 angular 可以将样式封装在组件本身中,不会影响其他组件的样式(默认)Angular 会修改组件的 ...

网友评论

      本文标题:2019-07-23改变Element组件的默认样式

      本文链接:https://www.haomeiwen.com/subject/hucalctx.html