本篇文章主要介绍了" CSS 控制 input 只显示下划线效果"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下：
由于页面设计需要，有时我们可能会出现只有下划线（底部边框）的input，如下图其实很简单，只要从边框（border）入手就可以了。比如将上、右、左边框宽度设置为...
由于页面设计需要，有时我们可能会出现只有下划线（底部边框）的input，如下图
其实很简单，只要从边框（border）入手就可以了。比如将上、右、左边框宽度设置为0，下边框为1，颜色根据需要调整
.input-underline {
border-bottom: 1px solid #dbdbdb;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
以上就介绍了 CSS 控制 input 只显示下划线效果，包括了方面的内容，希望对web前端有兴趣的朋友有所帮助。
本文网址链接：http://www.codes51.com/article/detail_4588554.html
