在项目中我们经常会用到Less或者Sass 。其中Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。以elementui库为例
如果我们想修改某一个输入框的长度 但是不想影响全局 这时候就体现了/deep/的重要性
下面展示一些 内联代码片
。
// 修改输入框长度案例
.newDalio {
/deep/ .el-form-item {
width: 200px !important;
.el-form-item__content {
width: calc(100% - 14px); // 根据自己需求修改
}
}
}
小提示: 这里我的需求是要修改某一个页面某一个弹框下的input框的长度
建议在最外层自己加一个class(newDalio)便于控制具体哪一块的
input框。根据自己的需求修改。