为什么在Firefox里placeholder的颜色比设置的代码浅, 比其他浏览器浅
2017-03-30 22:17
246 查看
今天在开发的时候突然发现在Firefox下设置的placeholder颜色不是代码设置的颜色。本着码农朴实的精神,我先检查下是不是写错了。 毕竟各大浏览器都坚持以自我为中心,其他为goushi的精神。 坚持要苦逼的前端写不同兼容的代码。 但是不管姑奶奶我怎么改, 代码是生效了, 颜色是改了。 就是取色器取出来的不是宝宝设置的颜色呀(此处一脸懵逼)。心里好气, 可是还是要保持微笑。 这TM怎么过测试啊。 终于在各种搜索词变换下。。。。发现。
Firefox placeholder有一个默认的设置opacity:0.4;
所以对于这种无耻却似乎很有道理的行为, 我们只能
好了,废话说够了。 解决方案拿去吧
input::-webkit-input-placeholder,//chorme, safari
input:-moz-placeholder, //Firefox V18及以下
input::-moz-placeholder, //Firefox 19
input:-ms-input-placeholder { //IE 10
color #757575;
}
input:-moz-placeholder,
input::-moz-placeholder {
opacity: 1;
}
外附上scss mixin写法。 Ctrl C + Ctrl V
@mixin placeholder {
::-webkit-input-placeholder {@content}
:-moz-placeholder {@content}
::-moz-placeholder {@content}
:-ms-input-placeholder {@content}
}
input {
@include placeholder {
color: #757575;
}
}
Firefox placeholder有一个默认的设置opacity:0.4;
所以对于这种无耻却似乎很有道理的行为, 我们只能
好了,废话说够了。 解决方案拿去吧
input::-webkit-input-placeholder,//chorme, safari
input:-moz-placeholder, //Firefox V18及以下
input::-moz-placeholder, //Firefox 19
input:-ms-input-placeholder { //IE 10
color #757575;
}
input:-moz-placeholder,
input::-moz-placeholder {
opacity: 1;
}
外附上scss mixin写法。 Ctrl C + Ctrl V
@mixin placeholder {
::-webkit-input-placeholder {@content}
:-moz-placeholder {@content}
::-moz-placeholder {@content}
:-ms-input-placeholder {@content}
}
input {
@include placeholder {
color: #757575;
}
}
相关文章推荐
- 改变placeholder的字体颜色,各大浏览器的代码
- 【代码笔记】iOS-UITextField设置placeholder颜色
- 保护眼睛的Windows和IE、Firefox、谷歌等浏览器颜色设置
- 保护眼睛的Windows、PDF和IE、Firefox、谷歌等浏览器颜色设置
- 【代码笔记】iOS-UITextField设置placeholder颜色
- 设置UITextField的placeholder的颜色代码片段:
- [转]保护眼睛的Windows和IE、Firefox、谷歌等浏览器颜色设置
- 【求助】Html弄的比较少,问一个弱弱的问题,为什么下面代码在IE中tr之间有空白行,而在Firefox中没有空白
- 通用的加入收藏夹代码支持IE Firefox等浏览器
- 一个WinForm记事本程序(包含主/下拉/弹出菜单/打开文件/保存文件/打印/页面设置/字体/颜色对话框/剪切版操作等等控件用法以及记事本菜单事件/按键事件的具体代码)
- 用scanline取BMP上某点的颜色,代码如下,为什么可以编译,运行时却出错呢?
- Ubantu安装设置Firefox浏览器
- 网上代码研究后修改的PHP登录程序,关闭浏览器session清空,可以设置cookies时间
- 为什么要换用firefox(火狐)浏览器
- eclipse C/C++ 代码提示窗口颜色设置
- js颜色选择器代码[firefox不支持]
- 网上代码研究后修改的PHP登录程序,关闭浏览器session清空,可以设置cookies时间
- Javascript代码设置浏览器
- 网上代码研究后修改的PHP登录程序,关闭浏览器session清空,可以设置cookies时间
- firefox浏览器下javascript 拖动层效果与原理分析代码