刚接触VUE的时候也傻傻的直接在组件上设置height和line-height值妄图改变输入框的宽度,可是发现这种方法并不可行。想要修改当前页面组件样式且为了避全局免污染需要进行穿透。举个很简单的例子:
.input1 >>> .el-input__inner {
height: 3vw;
line-height: 3vw;
}
这样就可以在input1上控制input的样式,希望可以帮助到不知道的童鞋一起成长。
刚接触VUE的时候也傻傻的直接在组件上设置height和line-height值妄图改变输入框的宽度,可是发现这种方法并不可行。想要修改当前页面组件样式且为了避全局免污染需要进行穿透。举个很简单的例子:
.input1 >>> .el-input__inner {
height: 3vw;
line-height: 3vw;
}
这样就可以在input1上控制input的样式,希望可以帮助到不知道的童鞋一起成长。