css：webkit-input-placeholder背景色-Java 学习之路

尝试设置占位符背景颜色 . 它工作正常，直到我尝试增加输入字段高度 . 在mozilla＆ie占位符背景填充输入内的所有空间 . 但是在webkit中，仅为占位符文本高度设置了背景 .

::-webkit-input-placeholder { 
    color: red;
    background: yellow;
}

你会在FF和IE中看到黄色背景，但在Chrome或Safari中它看起来很糟糕 .

有什么解决方案通过CSS？

1 回答

您可以使用 line-height 而不是 height ;

Fiddle

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;
 }

回复于 2024-04-28T15:31:13+08:00

css：webkit-input-placeholder背景色

1 回答

相关问题