CSS 控制 input 只显示下划线效果

由于页面设计需要，有时我们可能会出现只有下划线（底部边框）的input，如下图

其实很简单，只要从边框（border）入手就可以了。比如将上、右、左边框宽度设置为0，下边框为1，颜色根据需要调整

.input-underline {
    border-bottom: 1px solid #dbdbdb;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}