css - 使用 CSS3 更改文本框的边框长度？

Question

我有一些空闲时间，我想在演示网站中进行 Android 4.0 的一些设计。我被这些文本框困住了:

有没有办法用 CSS3 限制左右边框的长度？

Answer 1

没有。但是使用伪元素很容易重新创建这种效果。

div {position:relative; border-bottom:5px solid black;;}
div:after,div:before{content:''; width:5px; height:20px; background:black; 
position:absolute; bottom:-5px;}
div:after{right:-5px;}
div:before{left:-5px;}

Demo