Изменить длину границы из текстового поля с помощью 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;}

Демо