占位符背景颜色

尝试设置占位符背景颜色。 它工作正常,直到我尝试增加输入字段高度。 在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

上一篇: placeholder background color

下一篇: :focus styling on custom radio input