我试图使用以下代码覆盖我网站上所有标题,输入,选择,文本区域和输入占位符的字体:
h1, h2, h3, h4, h5, h6,
button, input, select, textarea,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
font-family:some font name;
}
Run Code Online (Sandbox Code Playgroud)
问题是,由于某种原因,它无法在Chrome上运行.如果我删除:-moz和:-ms引用,那么chrome工作正常,这让我相信Chrome由于某种原因不喜欢伪类?我很难过,因为我无法理解为什么与Chrome无关的伪类会使它无效!
在Bootstrap 3.2.2中有声明:
.form-control:-ms-input-placeholder {
color: #999;
}
Run Code Online (Sandbox Code Playgroud)
IE 11.0.17(可能还有其他版本)无法正确呈现,占位符仍为黑色.
css internet-explorer placeholder html-rendering twitter-bootstrap