用CSS

2013-03-19 49 views
0

造型HTML5表單輸入佔位符我有你有一個佔位符基本輸入。我的佔位符文字顏色爲淺灰色。但是,當我在輸入內部單擊並鍵入內容時,顏色保持不變。有沒有一種方法,我可以改變文本的顏色,當事情是類型,當沒有輸入呢?用CSS

<input type="text" placeholder="Your Name"> 

回答

1

不幸的是,只是還沒有做到這一點,涵蓋了所有的瀏覽器沒有原生的方式。但是,您可以使用供應商的特定CSS規則,如本jsfiddle看到。

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
    color: red; 
} 
+0

感謝您的輸入。欣賞它。 jQuery會是最好的解決方案嗎? – jfrosty 2013-03-19 18:12:45

+0

這取決於如何重要支持Firefox和IE瀏覽器的舊版本。如果它很重要,那麼你可以使用modernizer類和一個小的jQuery函數來僞造你自己的樣式。使用任何對谷歌的解決方案 - 似乎每個人都和他們的狗做了一個佔位符的jQuery插件。如果你只支持最新版本的瀏覽器,那麼像上面這樣的供應商特定的css規則就沒有問題。 – Deif 2013-03-19 18:16:22

+0

太棒了!感謝您抽出寶貴時間提供幫助。 – jfrosty 2013-03-19 18:19:07