我在做頁面的時候遇到過這種情況,在input標簽中有默認字,但是設計稿上的顏色和input標簽中的placeholder的默認顏色不一致。雖然我們可以在js中寫出,但是有點過於麻煩了。 所以我就用css來給它設置了一下(注意css中有可能存在兼容性問題,如果實在不行還得用js。不過一般要求不嚴 ...
給input的placeholder設置顏色 :: webkit input placeholder WebKit browsers color: : moz placeholder Mozilla Firefox to color: :: moz placeholder Mozilla Firefox color: : ms input placeholder Internet Explorer ...
2016-11-15 15:25 0 1995 推薦指數:
我在做頁面的時候遇到過這種情況,在input標簽中有默認字,但是設計稿上的顏色和input標簽中的placeholder的默認顏色不一致。雖然我們可以在js中寫出,但是有點過於麻煩了。 所以我就用css來給它設置了一下(注意css中有可能存在兼容性問題,如果實在不行還得用js。不過一般要求不嚴 ...
#scbar_txt::-webkit-input-placeholder { /* WebKit browsers */ text-indent: 10px; font-size:16px; color:#e4e4e4; }#scbar_txt:-moz-placeholder ...
input::-webkit-input-placeholder { /* WebKit browsers*/ color:#aaa;font-size:14px; }input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/ color ...
.logIn .loginCon .boxUser form input::-webkit-input-placeholder{ color:#DCDCDC; } .logIn .loginCon .boxUser form input ...
1.設置input背景透明: 前面三個參數為對應的rgb數值,第四個參數為透明度:0~1,0:透明,1:不透明; 2.設置input的placeholder字體顏色和大小: 3.效果展示: ...
一、須知 placeholder屬性是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支持占位文本。 二、設置placeholder文字顏色、字號 方式1 因為每個瀏覽器的CSS選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input ...
一、須知 placeholder屬性時css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支持占用文本。 二、設置placeholder文字顏色、字號 方式1 因為每個瀏覽器的CSS選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input ...