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

刪除已上傳至server的檔...

a5 管理系統，難免都會遇到要更新或刪除已經上傳到server的檔案。 總不能只是重新上傳卻又不把舊...

判斷字串是否存在於內容中

searchphoto5 以下範例~ 搜尋 If you are lucky enough to b...

PHP 字串字數計算並隱藏

fontphoto55 使用PHP substr函式可以做字串切割，但在遇到中文字時記得使用mbsu...