HTML文本未正确对齐

Question

我有一个文本框，当我输入术语＆＃34;笔记本电脑＆＃34;它看不清楚。问题出在IE9上，而不是Chrome。

HTML

<input id="small_search_string_sub" name="search_string" type="text" class="newsearch_sub rounded " placeholder="Search..." maxlength="500">

这是CSS： -

.newsearch_sub {
padding: 3px 10px 3px 10px;
background-color: #FFF;
width: 220px;
height: 25px;
margin-top: 10px;
vertical-align: top;
}

Answer 1

您似乎没有为输入默认样式重置，输入也没有为其上的文本设置格式，填充可能会将文本向下推到远处。

我试过这个，它似乎对我来说在IE9上工作得很好，但事实上我在你发送的代码行上看到了另一个类（圆形），这让我想知道这里是否没有遗漏，可以你把一个链接放到代码中，即使是一个独立的页面，这样我就可以在ie9上调试正确的代码，如果这个代码不适合你，可能会给你一个解决方案。

.newsearch_sub {
     padding: 3px 10px 3px 10px;
     background-color: #FFF;
     width: 220px;
     height: 25px;
     margin-top: 10px;
     vertical-align: top;
     font:12px/24px Arial,Helvetica
}