input框的样式只显示下边的线

如果你只想让input框的下边框显示出来，可以使用CSS中的伪类选择器`:focus`和`:after`来实现。

下面是一个例子：

input {
  border: none; /*先把原来的边框样式去掉*/
  border-bottom: 1px solid black; /*只显示下边框*/
}

input:focus {
  outline: none; /*去掉聚焦时的外边框*/
}

input:focus::after {
  content: ""; /*伪类必须要有content属性，否则不生效*/
  display: block;
  width: 100%;
  height: 2px;
  background-color: blue; /*下边框的颜色*/
}

这样，当input框被聚焦时，就会在下边框处显示出一条蓝色线条。你可以根据自己的需求，修改颜色和样式。