2016-11-29 91 views
1

我做了一個input用藍色字體和紅色placeholder從Chrome開發者工具的風格

現在我想通過Chrome開發者工具(F12),以檢查其他placeholder顏色更改輸入的佔位符顏色,一樣的我可對字體顏色做 -

enter image description here

我怎麼能拿了placeholder以及相同的Chrome開發者工具拾色器?

input[type="text"] { 
 
    color: blue; 
 
} 
 

 
::-webkit-input-placeholder { 
 
    color: red; 
 
}
<input type="text" placeholder="Type Here">

回答

3

如果我明白你很好,你想在Chrome開發者工具拾色器,同樣喜歡的字體。要做到這一點,請按照下列步驟:

  1. 按F12
  2. 點擊+圖標,在右側欄的右上角: enter image description here

  3. 添加新的規則。 enter image description here

現在你可以修改規則以同樣的方式作爲字體顏色:你的選擇和你的屬性粘貼。我希望這是你想要達到的目標。

+0

正是我想要的。謝謝 ! – URL87

相關問題