直播原始碼開發，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 只展示下劃線，更多內容歡迎關注之後的文章