HTML5里增加了placeholder標(biāo)簽，其效果就是輸入框里有默認(rèn)的提示文字，focus上去以后提示文字就消失了，以前我們需要js實(shí)現(xiàn)，現(xiàn)在只需要設(shè)置這個(gè)屬性就可以了<html><head>
<style>
input { height: 30px; line-height: 30px; width: 300px; font-size: 14px } </style></head><body>
<input type="text" placeholder="please enter some text ..." /></body></html>但我不知道該死的chrome(或者時(shí)webkit)工程師既然支持了這個(gè)效果，為啥不認(rèn)真點(diǎn)弄，以下是它們實(shí)現(xiàn)的效果這里面的文字總往上飄?；蛘哂惺裁次也恢赖腸ss可以設(shè)置這個(gè)效果的，但它在firefox和opera里都工作得很好。有誰(shuí)知道有解決方法嗎，我用得是Chrome 11
這里面的文字為什么總往上飄?。?/h1>
2 回答
浮云間
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊
chrome的問(wèn)題，safari沒(méi)有這個(gè)問(wèn)題， 還有私有屬性 ::-webkit-input-placeholder 可以用
::-webkit-input-placeholder { color:red; }不過(guò)， chrome的某些版本可以設(shè)置的css屬性很少，我的 chrome 12.0.742.9 dev 就十分的bug
肥皂起泡泡
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超6個(gè)贊
我也遇到同樣的問(wèn)題了
找到的信息是placeholder屬性中的文字設(shè)置后在ios7下在textfield的中間,在ios6下字會(huì)往上偏~
我找很多地方都表示= = CSS無(wú)解 vertical-align都沒(méi)用 糟糕的是可惡的蘋(píng)果沒(méi)有給專有的hack方式
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script><input type="text" class="text" value="你要的文字"><script type="text/javascript">
$('.text').each(function(){
var txt = $(this).val();
$(this).focus(function(){
if(txt === $(this).val()) $(this).val("");
}).blur(function(){
if($(this).val() == "") $(this).val(txt);
});
})
</script>添加回答
舉報(bào)
0/150
提交
取消