当我们自己写下划线输入框有圆弧,一般会出现大概2px的圆弧,细心一点可以发现原来输入框是带有一边边框弧度的,因此,只需要讲border-radius变为0,就可以实现一个我们想要的完美的下划线输入框了,代码如下:
border: none;
border-bottom: 2px solid black;
outline: none;
/* background: transparent; */
margin-bottom: 10px;
border-radius: 0;
效果是这样:
每天一点点早日脱离上班焦虑!加油呐!