如何修改默认的placeholder的样式

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。直接在CSS里写样式修改即可,如

    input::-webkit-input-placeholder {//使用webkit内核的浏览器
      color: #666;
    }
    input:-moz-placeholder {//Firefox版本4-18
      color: #666;
    }
    input::-moz-placeholder {//Firefox版本19+ 
      color: #666;
    }
    input:-ms-input-placeholder {//IE浏览器
      color: #666;
    }

主要是要区别不同浏览器的不同css类,对于不同的浏览器,加上前缀即可

注1:冒号前写对应的input或textarea元素等。

注2:placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。

如何修改默认的placeholder的样式如何修改默认的placeholder的样式 郁美人 发布了11 篇原创文章 · 获赞 0 · 访问量 1951 私信 关注
上一篇:CSS3日食效果代码


下一篇:POJ - 3208_Apocalypse Someday