占位符文本顏色的差異並選擇下拉菜單

Question

您好，我想問一個關於CSS樣式的問題。

我在占位符文本以及選擇下拉列表中輸入了相同的顏色值。 但是瀏覽器顯示的顏色不同。

任何人都可以解釋為什么會這樣嗎？

這是一個示例： http : //scratchpad.io/abounding-coat-5186

編輯：我要實現的是完全相同的文本顏色。 我不希望占位符具有這種不透明效果。

Answer 1

您可以使用此偽類/偽元素重寫占位符樣式

input::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: red;
   opacity: 1;
}

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

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

input:-ms-input-placeholder {  /* IE */
   color: red;  
   opacity: 1;
}

JSfiddle 在這里

Answer 2

我認為您想更改占位符。 這里如何更改占位符顏色

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

閱讀更多