如何让我的输入字段在浏览器中看起来一样?

Jon*_*han 5 html css cross-browser

我有一个包含两个输入字段的登录页面.在Chrome,Firefox和IE10中,它们看起来很棒,但在IE 7,8,9中,它们太薄了.这是字段的HTML和类.

HTML:

<div class="login-input">
<input data-val="true" data-val-required="Username is required." id="Username" name="Username" type="text" value="">
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.login-input input
{
width: 250px;
height: 14px;
}
Run Code Online (Sandbox Code Playgroud)

这就是它在Chrome,Firefox,IE10中的外观(正确的外观) http://i.imgur.com/6swf7.png

这就是它在IE 7,8,9中的外观(不正确的外观) http://i.imgur.com/ltzdG.png

谢谢!

Vin*_*hen 1

您是否尝试设置填充值?