自定义设置textrear与input框placeholder占位符的样式

简介: /* Chrome/Safari/Opera */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;} /* Firefox 19+ */ input::-moz...

/* Chrome/Safari/Opera */

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color:#999;}

/* Firefox 19+ */

input::-moz-placeholder,

textarea::-moz-placeholder{color:#999;opacity:1;}

/* IE 10+ 注意这里只有一个冒号 */

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color:#999;}

.placeholder{color:#999;}

//焦点

input:focus::-webkit-input-placeholder,

textarea:focus::-webkit-input-placeholder{color:transparent;}

input:focus::-moz-placeholder,

textarea:focus::-moz-placeholder{color:transparent;}


原文链接 http://www.cnblogs.com/xyzhanjiang/p/4551243.html

阿里云优惠券领取 https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=dpi07hp8&utm_source=dpi07hp8

相关文章
|
12天前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
26 0
|
17天前
textarea文本框根据输入内容自动适应高度
textarea文本框根据输入内容自动适应高度
12 0
|
3月前
|
缓存 JavaScript 前端开发
通过id给input框和div赋值,修改属性值。
通过id给input框和div赋值,修改属性值。
42 0
通过id给input框和div赋值,修改属性值。
|
4月前
|
Web App开发 前端开发
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
27 0
|
5月前
|
前端开发
设置输入框placeholder默认文字颜色
设置输入框placeholder默认文字颜色
40 0
|
5月前
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
28 0
|
5月前
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
105 1
|
5月前
|
前端开发
css去掉input框里面的默认颜色
css去掉input框里面的默认颜色
41 0
|
9月前
|
Web App开发 前端开发 Android开发
如何修改placeholder【占位符】样式
如何修改placeholder【占位符】样式
|
9月前
|
程序员 数据安全/隐私保护
input输入时的边框样式去除
input输入时的边框样式去除
input输入时的边框样式去除