直接给el-input定义类名修改高度无效,查看后发现input是.el-input的一个子元素,其类名为el-input__inner
在这里插入图片描述

但直接使用.el-input__inner修改类名也无效,因为使用的是less-scope,样式只在该组件中生效,因为该组件中没有该类名,所以会直接选择修改也会无效

因此需要使用vue的深度选择器:/deep/或::v-deep

/deep/ .el-input__inner{
    height: 50px;
}

或者

::v-deep .el-input__inner{
    height: 50px;
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐