占位符背景颜色
尝试设置占位符背景颜色。 它工作正常,直到我尝试增加输入字段高度。 在mozilla&ie占位符背景填充输入内的所有空间。 但是在webkit中,背景仅用于占位符文本高度。
这里是一个例子:http://jsfiddle.net/3zp36wL7/2/
::-webkit-input-placeholder {
color: red;
background: yellow;
}
您将在FF&IE中看到黄色背景,但在Chrome或Safari中看起来很糟糕。
有没有解决方案通过CSS?
您可以使用line-height
代替height
;
小提琴
CSS
::-webkit-input-placeholder {
color: red;
background: yellow;
}
:-moz-placeholder {
color: red;
background: yellow;
}
::-moz-placeholder {
color: red;
background: yellow;
}
:-ms-input-placeholder {
color: red;
background: yellow;
}
input {
line-height: 50px;
}
链接地址: http://www.djcxy.com/p/70529.html