直播源码开发，el-input 只展示下划线

直播源码开发，el-input 只展示下划线

你的输入框只展示下划线，怎么办

 

解决方案：

 

1	<br>.el-input__inner {<br>      border-radius: 0px;<br>      border-top-width: 0px;<br>      border-left-width: 0px;<br>      border-right-width: 0px;<br>      border-bottom-width: 1px;<br>      /*outline: medium;*/<br>    }<br>

​

如果你这样操作之后，发现并没有生效

 

去掉scoped

 

这种方法确实可以实现效果，简单粗暴，却会造成不同组件样式污染，不建议。

 

使用 /deep/ 深度修改标签样式

 

解决方案：/deep/

1	<br>/deep/ .el-input__inner{<br>  border-radius: 0px;<br>      border-top-width: 0px;<br>      border-left-width: 0px;<br>      border-right-width: 0px;<br>      border-bottom-width: 1px;<br>}

如果这样还是不生效，别急，我可以用下面这种

 

1	<br>  ::v-deep .el-input__inner {<br>      border-radius: 0px;<br>      border-top-width: 0px;<br>      border-left-width: 0px;<br>      border-right-width: 0px;<br>      border-bottom-width: 1px;<br>      /*outline: medium;*/<br>    }

 

 以上就是 直播源码开发，el-input 只展示下划线，更多内容欢迎关注之后的文章