Chrome没有正确定位按钮

嘿家伙我要定位我的按钮有问题。看来所有的浏览器都做得很好，我只是遇到了Chrome的问题。Chrome没有正确定位按钮

以下是图像的例子：

firefox ie7 ie8 ie9 chrome

看看Chrome浏览器的图片，它无法与左边的方框内对齐。（看框的顶部，其上向左1-2px上面的框中）

这是我使用左侧和输入按钮框的代码：

#main_pres_search input[type=text] { 
    width: 660px; 
    float: left; 
    border: 0; 
    background-color: #F8F8F8; 
    padding: 10px; 
    border: 1px solid #C0C0C0; 
    border: 1px solid #C0C0C0; 
    margin-right: 10px; 
    outline: 0; 
    line-height: 1; 
} 
#main_pres_search input[type=button] { 
    border: 0; 
    background-color: #2a94d8; 
    color: #fff; 
    font-size: 16px; 
    height: 37px; 
    width: 48px; 
    float: left; 
    line-height: 1; 
}

这是我用过的HTMl代码 - 没什么特别的。 =）

<input type="text" name="query"> 
<input type="button" name="do_search" value="Go!">

任何想法？

来源

2012-11-07 Eric

看起来不错，你确定你没有任何其他风格影响元素？ http://jsfiddle.net/nrWrx/ – ajbeaven

我100％肯定没有其他风格影响元素。 – Eric

如果这是CSS重置，修复它然后是的，可能有另一种风格影响它。很高兴你找到你的解决方案:) – ajbeaven

尝试设置margin-top（和其他边缘值）按钮（也可能是其父母）为0

每个浏览器都有它自己的用户代理样式表。这会导致轻微的格式差异。您可能还想查看Yahoo's Reset CSS。它将几个css规则重置为非常基本的值。这使您可以完全控制网站的风格。

来源

2012-11-08 00:04:55 mreithub

我忘了提及我正在使用代码来重置整个CSS。 – Eric

其实雅虎重置CSS工作！我想我没有使用正确的CSS重置。谢谢。 – Eric

Chrome没有正确定位按钮

回答

相关问题