css placeholder 顏色設置

1. 由於每一個瀏覽器的CSS選擇器都有所差別，因此須要針對每一個瀏覽器作單獨的設定(能夠在冒號前面寫input和textarea)。

   　　::-webkit-input-placeholder { /* WebKit browsers */

   　　color:#999;

   　　}

   　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   　　color:#999;

   　　}

   　　::-moz-placeholder { /* Mozilla Firefox 19+ */

   　　color:#999;

   　　}

   　　:-ms-input-placeholder { /* Internet Explorer 10+ */

   　　color:#999;

   　　}
2. 2

    

    

    

    

   還能夠寫成下面這樣：

   　　input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

   　　color: #666;

   　　}

   　　input:-moz-placeholder, textarea:-moz-placeholder {

   　　color:#666;

   　　}

   　　input::-moz-placeholder, textarea::-moz-placeholder {

   　　color:#666;

   　　}

   　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {

   　　color:#666;

   　　}
3. 3

    

    

    

    

   知識點：單冒號(:)用於CSS3僞類，雙冒號(::)用於CSS3僞元素。

   　　css僞類：CSS 僞類用於向某些選擇器添加特殊的效果。

   　　css僞元素：CSS 僞元素用於向某些選擇器設置特殊效果。

   　　僞元素由雙冒號和僞元素名稱組成。雙冒號是在當前規範中引入的，用於區分僞類和僞元素。可是僞類兼容現存樣式，瀏覽器須要同時支持舊的僞類， 如:first-line,:first-letter,:before,:after等等。所以對於css2以前已經有的僞元素兩種寫法的做用是同樣的，可是爲了兼容IE瀏覽器仍是使用單冒號的寫法。