HTML5表格文本佔位符 - 他們有CSS僞類嗎？

閱讀一篇關於HTML5的文章時，我發現雖然佔位符在表單可用性方面非常有用，但如果它們不能在沒有javascript的情況下用CSS進行定位，那麼它們確實是一個寶貝。HTML5表格文本佔位符 - 他們有CSS僞類嗎？

那麼我可以在CSS中定位佔位符與輸入的文本不同嗎？

來源

2011-02-01 Mild Fuzz

有沒有一種方法可以在沒有JavaScript的情況下獲得「佔位符」行爲？ – Pointy 2011-02-01 14:46:10

重複的：http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – 2011-02-01 14:56:11

Webkit使用:: - webkit輸入佔位符僞元素。 Moz使用：-moz-佔位符僞類。

來源

2011-02-01 15:00:47

我假設你有這樣的事情在你的HTML

<input type="text" name="name" />

相應的CSS將

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: blue; 
} 
input::-moz-placeholder { /* Firefox 19+ */ 
    color: blue; 
} 
input:-ms-input-placeholder { /* IE 10+ */ 
    color: blue; 
} 
input:-moz-placeholder { /* Firefox 18- */ 
    color: blue; 
} 
input:placeholder { 
    color: blue; 
}

我也鼓勵你

input:placeholder-shown { 
    border: 5px solid red; 
}

考慮看看

這是一個很好的resource 。

來源

2017-05-29 13:46:59

HTML5表格文本佔位符 - 他們有CSS僞類嗎？

回答

相關問題