HTML5里增加了placeholder標簽，其效果就是輸入框里有默認的提示文字，focus上去以后提示文字就消失了，以前我們需要js實現，現在只需要設置這個屬性就可以了<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(或者時webkit)工程師既然支持了這個效果，為啥不認真點弄，以下是它們實現的效果這里面的文字總往上飄。或者有什么我不知道的css可以設置這個效果的，但它在firefox和opera里都工作得很好。有誰知道有解決方法嗎，我用得是Chrome 11
2 回答
浮云間
TA貢獻1829條經驗 獲得超4個贊
chrome的問題，safari沒有這個問題， 還有私有屬性 ::-webkit-input-placeholder 可以用
::-webkit-input-placeholder { color:red; }不過， chrome的某些版本可以設置的css屬性很少，我的 chrome 12.0.742.9 dev 就十分的bug
肥皂起泡泡
TA貢獻1829條經驗 獲得超6個贊
我也遇到同樣的問題了
找到的信息是placeholder屬性中的文字設置后在ios7下在textfield的中間,在ios6下字會往上偏~
我找很多地方都表示= = CSS無解 vertical-align都沒用 糟糕的是可惡的蘋果沒有給專有的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>- 2 回答
- 0 關注
- 320 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消