邊框在IE中的按鈕之外，但不在FF，Chrome，Safari

我已經創建了帶有選項卡的菜單，並在選項卡下使用了<button> s。通常<button>具有border:none;屬性。當用戶懸停<button>下面的類被添加到它。邊框在IE中的按鈕之外，但不在FF，Chrome，Safari

.hover { 
      border-style:solid 
      border-width:2px; 
      border-color:rgb(160,36,67); 
      };

Unhovered（右側）<button>和徘徊<button>可以在這裏看到。 enter image description here （對不起，質量不好）

我得到第一個結果firefox，safari和chrome。但是，IE邊框會出現在按鈕外部並將其他元素壓入頁面。我試圖用max-heightmax-width但結果是一樣的。

我搜索了但找不到相似的話題。謝謝你的幫助。

編輯：添加HTML

<table id="ust3tab" class="tab" border="0" cellpadding="0"  cellspacing="0"> 
     <tbody> 
     <tr> 
     <td class="td1"><button id="alt1" class="altbutton">TAB1</button></td> 
     <td class="td1"><button id="alt2" class="altbutton">TAB2</button></td> 
     <td class="td1"><button id="alt3" class="altbutton">TAB3</button></td> 
     <td class="td1"><button id="alt4" class="altbutton">TAB4</button></td> 
     <td class="td1"><button id="alt5" class="altbutton">TAB5</button></td> 
     </tr> 
     </tbody> 
    </table>

來源

2012-04-05 Ghokun

u能告訴你的HTML代碼 – 2012-04-05 12:13:30

肯定。我可以展示。 – Ghokun 2012-04-05 12:17:21

你可以顯示你的Css用於這個代碼就像'＃ust3tab'，'td1'，'altbutton' – 2012-04-05 12:23:29

嘗試增加

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;

你的TD。

來源

2012-04-05 12:36:07 Cthulhu

http://jsfiddle.net/F9aQw/

 .altbutton:hover { 
      border:2px solid red; 
      };

來源

2012-04-05 12:39:31 rmagnum2002

Nope仍然無法嘗試使用FF和IE打開此http://jsfiddle.net/Ghokun/zgSDG/embedded/result/。 – Ghokun 2012-04-05 12:43:49

我不能說布特IE，但在FF它的作品，至少在我的FF 11.0爲Ubuntu。但我會研究它。 – rmagnum2002 2012-04-05 12:45:19

我在IE 9中搜到了你在這裏發佈的鏈接，並且它工作正常 – rmagnum2002 2012-04-05 12:49:10

邊框在IE中的按鈕之外，但不在FF，Chrome，Safari

回答

相關問題