码迷,mamicode.com
首页 > 其他好文 > 详细

input获得焦点时改变placeholder文本的样式

时间:2017-05-07 23:19:47      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:nbsp   :focus   type   blog   改变   logs   inpu   hold   ref   

 HTML:

<input type="text" placeholder="sample text"/>

 

CSS:

input::-webkit-input-placeholder {
    color: #999;
}
input:focus::-webkit-input-placeholder {
    color: red;
}
/* Firefox < 19 */
input:-moz-placeholder {
    color: #999;
}
input:focus:-moz-placeholder {
    color: red;
}
/* Firefox > 19 */
input::-moz-placeholder {
    color: #999;
}
input:focus::-moz-placeholder {
    color: red;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #999;
}
input:focus:-ms-input-placeholder {
    color: red;
}

 

input获得焦点时改变placeholder文本的样式

标签:nbsp   :focus   type   blog   改变   logs   inpu   hold   ref   

原文地址:http://www.cnblogs.com/loveyunk/p/6822429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!