關於 設定 placeholder 無效解決辦法

2021-10-23 08:59:51 字數 496 閱讀 6770

一、設定placeholder的方法

placeholder屬性用來設定控制項內部的提示資訊

改變placeholder的樣式:

input::placeholder

二、各瀏覽器樣式相容設定

1、針對谷歌瀏覽器的設定方式:

input::-webkit-input-placeholder

2、針對火狐瀏覽器的設定方式:

input::-moz-placeholder

3、針對ie瀏覽器的設定方式:

input:-ms-input-placeholder

三、設定placeholder的樣式無效–解決方法

設定placeholder方法無效的原因:

如果在某些公共樣式中,已經對placeholder的樣式進行了設定,再次對placeholder的樣式進行設定時,就會無效,

解決方法是,給樣式加 !important; 增加權重即可。

placeholder樣式設定

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

placeholder文字設定樣式

placeholder佔位符文字,也可以設定對應的顏色,透明度等樣式,具體如下 placeholder字型顏色 webkit input placeholder moz placeholder moz placeholder ms input placeholder 特別注意 從 firefox 1...

設定input標籤placeholder字型顏色

有時會遇到這樣的需求,輸入框的預設提示文字與使用者輸入的文字不同。input如果只是設定input的顏色的話是達不到想要的效果的,css3有關於設定placeholder的屬性 input placeholder webkit input placeholder moz placeholder mo...