2016-03-03 41 views
-2

如何将样式应用于只在底部显示一行的文本字段,输入时会消失?我只能用css。如何将此特定样式应用于输入

我的意思是像成才这样

_surname____________

_My name____________

我已经tryed这一点,但这是工作的唯一的ALF,因为行不即消失

input[type="text"] 
{ 
    border: 0; 
    border-bottom: 1px solid black; 
    outline: 0; 
} 
+1

添加您的代码以及您尝试过的。 – CodeRomeos

+0

好吧,我已经添加了代码 – user2119955

回答

0

input[type="text"] 
 
{ 
 
    border: 0; 
 
    border-bottom: 1px solid black; 
 
    outline: 0; 
 
    background-color:transparent; 
 
    padding:4px; 
 
    line-height:1; 
 
} 
 

 
input[type="text"]:focus { 
 
    border-bottom:none; 
 
}
<input type="text"/>

+0

好吧,但我可以删除只有用户这样写:_test_____ – user2119955

+0

只有'css'不可能。 – NiZa

相关问题