您的位置:首页 > Web前端 > JavaScript

Extjs框架html5中input、textarea的placeholder,元素内容为空时,颜色为灰色

2016-05-26 20:19 495 查看
前端Extjs框架,使用input、textarea的属性placeholder,当元素内容为空,显示placeholder对应的值。

在Google、Firefox都显示为灰色,但是在IE11下显示为黑色。

IE11下效果:



Google、Firefox下的效果:



现在要求IE下面的提示信息也要是灰色。

修改很简单,只需将my.css中的.x-form-text-default样式中color属性注释掉即可:
.form-item .x-form-text-default {
/*color: black;   IE的input、textarea为空时,placeholder的颜色为灰色*/
padding: 4px 6px 3px 6px;
background-color: ;
font: 300 13px/15px "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
min-height: 33px;
}

修改之后,IE11下的效果:



好了~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息