innstory

改變input placeholder 字體顏色

Temperature: 0 °C

2018-08-29 Mark Chang

通常我們會使用 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;

}

以上紀錄~

參考Url link

https://innstory.com/story-改變input_placeholder_字體顏色-1819

• 
• 
• 
• 
• 

CSS

Prev

 PHP_字串字數計算並隱藏

Next

Linux下查看版本號指令 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

錯誤訊息Division b...

錯誤訊息Division by zero發生的原因是因為除數是導致的錯誤： 解決方式如下： ) 運行...

使用CSS讓Youtube自...

pexelsphotomedia 在播放Youtube影音的時候，常使用 iframe 的方式崁入網...

Format JavaScr...

timecalendar5 JavaScript將Sun May ,轉換成yyyymmdd func...