css占位符行高度不适用于chrome。这在mozilla中运行良好

Question

.emailBox input.myInput[type="password"]::-webkit-input-placeholder
 {/* WebKit browsers */
 line-height: 46px;
 }
.emailBox input.myInput[type="password"]:-moz-placeholder
 { /* Mozilla  Firefox 4 to 18 */
 line-height: 46px;
 }
.emailBox input.myInput[type="password"]::-moz-placeholder 
 { /* Mozilla Firefox 19+ */
 line-height: 46px;
 }

css占位符行高度不适用于chrome和safari。这在mozilla中运行良好

Answer 1

它对我有用。

就像在这里一样。

Answer 2

.emailBox input.myInput#frmUserPassword::-webkit-input-placeholder { /* WebKit browsers */
line-height: 35px;
}
.emailBox input.myInput#frmUserPassword:-moz-placeholder { /* Mozilla   Firefox 4 to 18 */
line-height: 46px;
}
.emailBox input.myInput#frmUserPassword::-moz-placeholder { /* Mozilla Firefox 19+ */
line-height: 46px;
}
.emailBox input.myInput#frmUserPassword:-ms-input-placeholder { /* Internet Explorer 10+ */
line-height: 40px;
}  

以上css适用于所有设备。但是铬没有出现在检查元素中，所以这让我很困惑。但现在一切都很好。在Mac，Windows，Linux，Iphone，Android设备上检查以上css。