HTML 文本未正确对齐

Question

我有一个文本框，当我输入术语“笔记本电脑”时，它无法正确显示。问题出在 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
}