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

讓文字左右對齊

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

將Google字型fonts...

Content Security Policy (CSP) 內容安全政策 主要用來限制網頁中對外部的...

MySQL：ERROR_10...

最近安裝了Ubuntu Server .系統。 接著安裝了MySQL 5..的版本。 在時間的預設值...