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

如何將 a href 禁用

如標題，若採用CSS的方式作法如下： .disabled { pointerevents: none...

php定時執行任務ignor...

ignoreuserabort() 函式 PHP , PHP 5, PHP 最近剛好有一個專案需要定...

讓文字左右對齊

讓文字左右對齊這類的設計案，通常都會出現在平面設計居多。 網頁上很少會遇到客戶會執著於這方面，但不能...