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

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

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

 

解决方案：

 

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

​

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

 

去掉scoped

 

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

 

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

 

解决方案：/deep/

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

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

 

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

 

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