关于css中的/deep/的用法(修改elementui库的css但是不影响全局)

在项目中我们经常会用到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框。根据自己的需求修改。

Guess you like

Origin blog.csdn.net/miem_yang/article/details/119638729