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發生的原因是因為除數是導致的錯誤： 解決方式如下： ) 運行...

Ubuntu環境下apach...

.htaccess 檔案是目錄層面的設定檔，可以對目錄變更 Apache 的設定。 要使用 .hta...

javascript cha...

javascript 使用classList是一個方便的替代方法，可以將元素的類列表作為空格分隔的字...