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