innstory

改變input placeholder 字體顏色

通常我們會使用 placeholder 來作為欄位提醒文字~

通常 placeholder 字體顏色也都會是預設的灰色字。

這面臨到一個問題，我的 input 若要設定底色，絕對不能使用深色系....

這會是一個很令人討厭的結果。

所以，我們將要運用以下CSS來改變這個結果

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

color: #dbc403;

opacity: 1; /* Firefox */

}



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

color: #dbc403;

}



::-ms-input-placeholder { /* Microsoft Edge */

color: #dbc403;

}

以上紀錄~

參考連結網址