CSS樣式提交像href標記

我有一個button類，我寫在CSS中。它基本上顯示塊，添加一些樣式等。每當我將類添加到a標記，它工作正常 - 一個標記跨越其容器的整個寬度，如display:block應該做...但是，當我將button類添加到一個input按鈕，Chrome瀏覽器，Safari瀏覽器和Firefox全部添加margin-right: 3px ...CSS樣式提交像href標記

我已經在Chrome和Safari中使用了DOM檢查器，並且沒有它應該添加額外的3px填充。

我嘗試在我的CSS中將margin: 0 !important;和/或margin-right: 0 !important添加到我的button類中，但瀏覽器仍然呈現3px右邊距！

這是一個已知的問題，並且有一個基於CSS的解決方案（即不的jQuery/JavaScript）的

代碼如下：

.button { 
    position: relative; 
    display: block; 
    margin: 0; 
    border: 1px solid #369; 
    color: #fff; 
    font-weight: bold; 
    padding: 11px 20px; 
    line-height: 18px; 
    text-align: center; 
    text-transform: uppercase; 
    cursor: hand; 
    cursor: pointer; 
}

來源

2011-02-18 sethvargo

你可以粘貼你的CSS給我們嗎？ – drudge 2011-02-18 22:48:04

查看我更新的問題。 – sethvargo 2011-02-18 22:51:07

你可以跳過`cursor：hand;` - 你立刻用`cursor：pointer'覆蓋它;` – 2011-02-18 22:55:44

是的，<input>元素有一個奇怪的數量。在可能的情況下，請使用<button>元素，這樣會更加可靠。

來源

2011-02-18 22:52:44 Jim

如果添加

width:100%;

到您現有的code.It將填補容器，擺脫隨機3px的右緣。

來源

2011-02-18 23:08:12

CSS樣式提交像href標記

回答

相關問題