改變placeholder顏色的方法

2021-08-20 01:27:42 字數 506 閱讀 5054

之前拿到乙個設計圖,placeholder是白色的,所以就檢視了一下改變placeholder的方法:

[css]view plain

copy

input::-webkit-input-placeholder   

input:-moz-placeholder   

input::-moz-placeholder   

input:-ms-input-placeholder   

同時,根據這個方法可以支援ie10以上的瀏覽器。而且placeholder屬性也是相容到ie10以上的瀏覽器。

所以兩個不存在乙個相容,另外乙個不相容的問題。

另外,之前思考placeholder怎麼向下相容的問題,也就是說相容ie10一下的瀏覽器。後來看了一下tmall的**,發現他們使用label的形式,然後用js控制。

當input域被focus的時候,就把label的顏色變淡,如果input域有輸出的時候,就把label隱藏。

css改變placeholder樣式

placeholder預設樣式已經漸漸不能滿足開發者的需求,接下來推薦給大家自定義placeholder的樣式的方法。方式1 因為每個瀏覽器的css選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定 可以在冒號前面寫input和textarea webkit input placeholder m...

修改placeholder的顏色

webkit input placeholder moz placeholder moz placeholder ms input placeholder 我們使用的框架是bootstrap,input框設定的class是form control,第一次是將上面 貼上去並沒有生效 沒有加 impor...

placeholder字型顏色大小

placeholder屬性是css3中新增加的屬性,ie9和opera12以下版本的css選擇器均不支援佔位文字。方式1 因為每個瀏覽器的css選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定 可以在冒號前面寫input和textarea webkit input placeholder moz...