前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

干货:css改变input中的placeholder的颜色

小编好久不更新了,也是这些天实在没有空来更新了。最近想着辞职的事情,着实让我很烦呀,大伙都是程序员,你们都在哪里上班的呢?

Javaweb

工作不开心,但是技术还是要和大家分享的。

好了言归正传,我在在使用前台HTML表单的<input>的时候,经常会用到placeholder这个属性,他是干什么用的呢?比如我们这个input是输入用户名的,你就可以placeholder="请输入用户名",这个样子他的交互程度就很好啦~

placeholder的样子

那如何用CSS来改变他的颜色或者其他样式呢?

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #909;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #909;

opacity: 1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #909;

opacity: 1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #909;

}

最后祝大家都有女朋友~~啦啦啦

萌萌哒

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言