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

由于页面设计的需要，有时我们可能会有一个input只有下划线（下边框），如下图，那么如何实现这种效果呢？其实很简单，从边框开始就可以了。例如，将上、右、左边框的宽度设置为0，下边框设置为1，并根据需要调整颜色。border-bottom:1pxsolid#dbdbdb;边框顶部：0px;左边框：0px；右边框：0px；以上代码即可实现。