场景假设

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

解决方案：

.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;*/
    }

没错，我就是经历了前面两次之后，这样解决的。

少年，代码不是你的全部，去寻找爱情吧！

别像我，碌碌无为，一事无成。

送正在追女孩子的你一句话

你喜不喜欢是你的事情
她接不接受是她的自由

加油吧，年轻人！！