使用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