由于页面设计需要,有时我们可能会出现只有下划线(底部边框)的input,如下图
其实很简单,只要从边框(border)入手就可以了。比如将上、右、左边框宽度设置为0,下边框为1,颜色根据需要调整
.input-underline {
border-bottom: 1px solid #dbdbdb;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
由于页面设计需要,有时我们可能会出现只有下划线(底部边框)的input,如下图
其实很简单,只要从边框(border)入手就可以了。比如将上、右、左边框宽度设置为0,下边框为1,颜色根据需要调整
.input-underline {
border-bottom: 1px solid #dbdbdb;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}