CSS样式穿透/deep/

一定要用局部样式,因为不会修改其部分的样式

<style lang="scss" scoped>

</style>

样式穿透

对外部引入进来的包装类,直接获取其父类样式,并修改其样式

.loginInput /deep/ .el-input__inner {
            height: 100%; //内部的原始input始终让他填满父亲的高度,这样就可以通过控制外围的el-input loginInput的高度,来控制整个输入框的高度了。不然控制不了输入框的高度,只会增加外围高度,在输入框外部添加空白区域
            border-radius: 15px;
            padding-left: 35px;
          }
        }

另一个示例

删除element-ui el-dialog的头部header

/deep/ .el-dialog {
    .el-dialog__header {
      display: none;
    }
  }

多标签元素的获取

下面的CSS样式是作用于一个el-button上的,这个button是一个确定按钮

.el-button.el-button--primary {
      position: relative;
      right: 30px;
      // display: none;
    }

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页