placeholder文字設定樣式

2021-07-16 04:21:18 字數 537 閱讀 9786

placeholder佔位符文字,也可以設定對應的顏色,透明度等樣式,具體如下:

/*placeholder字型顏色*/

::-webkit-input-placeholder

:-moz-placeholder

::-moz-placeholder

:-ms-input-placeholder

特別注意:

從 firefox 19 開始乙個冒號的偽類定義方式 :-moz-placeholder 被廢棄了,切換為兩個冒號的偽元素定義方式。與此同時,它還新增了乙個預設的 opacity: 0.54 不透明度樣式,如果需要,可以覆蓋掉該樣式,否則文字是半透明的。

ie10+中若有層級定義,優先順序會更高,會出現覆蓋問題;解決辦法增加了 !important 屬性即可:

備註:測試出來的bug,才是我們需要解決自身缺陷,感謝他們!

iOS佔位文字placeholder設定技巧

inte ce bspublishtextview uitextview 對外屬性佔位字元 placeholder property nonatomic,copy nsstring placeholder 對外屬性佔位符顏色 property nonatomic,strong uicolor pla...

placeholder樣式設定

在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果,這時就可以用以下 來對placeholder進行樣式設定了。webkit input placeholder 使用webkit核心的瀏覽器 moz placeholder firefox版本4 18 moz place...

設定輸入框placeholder預設文字顏色

當背景色不為白色的時候,要給input輸入框設定成為 白色,一般來說,設定color fff即可,但是placeholder預設的文字顏色還是灰色,這個時候需要寫 設定輸入框placeholder文字顏色。找到全域性css檔案,新增偽類元素,因為直接修改input顏色只作用於輸入的文字,並不能改變預...