0
造型HTML5表單輸入佔位符我有你有一個佔位符基本輸入。我的佔位符文字顏色爲淺灰色。但是,當我在輸入內部單擊並鍵入內容時,顏色保持不變。有沒有一種方法,我可以改變文本的顏色,當事情是類型,當沒有輸入呢?用CSS
<input type="text" placeholder="Your Name">
造型HTML5表單輸入佔位符我有你有一個佔位符基本輸入。我的佔位符文字顏色爲淺灰色。但是,當我在輸入內部單擊並鍵入內容時,顏色保持不變。有沒有一種方法,我可以改變文本的顏色,當事情是類型,當沒有輸入呢?用CSS
<input type="text" placeholder="Your Name">
不幸的是,只是還沒有做到這一點,涵蓋了所有的瀏覽器沒有原生的方式。但是,您可以使用供應商的特定CSS規則,如本jsfiddle看到。
::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder { /* Firefox 18- */
color: red;
}
::-moz-placeholder { /* Firefox 19+ */
color: red;
}
:-ms-input-placeholder {
color: red;
}
感謝您的輸入。欣賞它。 jQuery會是最好的解決方案嗎? – jfrosty 2013-03-19 18:12:45
這取決於如何重要支持Firefox和IE瀏覽器的舊版本。如果它很重要,那麼你可以使用modernizer類和一個小的jQuery函數來僞造你自己的樣式。使用任何對谷歌的解決方案 - 似乎每個人都和他們的狗做了一個佔位符的jQuery插件。如果你只支持最新版本的瀏覽器,那麼像上面這樣的供應商特定的css規則就沒有問題。 – Deif 2013-03-19 18:16:22
太棒了!感謝您抽出寶貴時間提供幫助。 – jfrosty 2013-03-19 18:19:07