更改input標籤的placeholder的樣式

2022-08-20 09:57:07 字數 525 閱讀 4922

主要是要區別不同瀏覽器的不同css類

在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果,這時就可以用以下**來對placeholder進行樣式設定了。

input::-webkit-input-placeholder{}    /* 使用webkit核心的瀏覽器 */

input:-moz-placeholder{}                  /* firefox版本4-18 */

input::-moz-placeholder{}                  /* firefox版本19+ */

input:-ms-input-placeholder{}           /* ie瀏覽器 */

注1:冒號前寫對應的input或textarea元素等。

注2:placeholder屬性是css3中新增加的屬性,ie9和opera12以下版本的css選擇器均不支援佔位文字。

如:

input::-webkit-input-placeholder

input標籤屬性

1.用input輸入文字 text型input元素可用的額外屬性 比較特殊的 dirname 指定元素內容文字方向的名稱 list 指定為文字框建議提供建議值的datalist元素 2.用input元素輸入密碼 pattern 指定乙個用於輸入驗證的正規表示式 required 表明使用者必須輸入乙...

HTML中的input標籤

input標籤的type取值 text 單行文字框 取值為 text value 預設值 size 長度 maxlength 最多可以輸入的字元數 password 密碼文字框 value 預設值 size 長度 maxlength 最多可以輸入的字元數 radio單選框 name表示所在的組名 v...

input標籤的相關知識

1 input只能輸入數字 onkeyup value value.replace d g,onbeforepaste clipboarddata.setdata text clipboarddata.getdata text replace d g,2 設定input為唯讀屬性並且讓input框沒...