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沒有正確定位按鈕

回答

相關問題