IE在提交按鈕上顯示黑色邊框輪廓

Question

我想了解爲什麼IE 7> 10在提交按鈕上顯示黑色邊框。爲了清除它，我必須在字段集內點擊，然後消失。但是當我點擊發送或取消時會回來。這是IE的常見問題？我已經收錄了截圖。謝謝！

CSS代碼

.submit 
     { 

     margin:-50px 0 0 -148px; 
     background-color:#eee; 
     height:40px; 
     width:120px; 
     padding:0; 
     border:1px solid #666; 
     color:#42A0FF; 

     } 

.cancel 
     { 

     margin: -51px 0 0 -20px; 
     background-color:#eee; 
     height:40px; 
     width:120px; 
     padding:0; 
     border:1px solid #666; 
     color:#42A0FF; 

     } 

fieldset 
     { 

     background:#f2f2e6; 
     border-color:#cccccC#cccccC#cccccC#cccccc; 
     margin:10px 0 46px -150px; 
     width:404px; 
     display:block; 
     text-height:10px; 
     padding-bottom:15px; 
     } 

Answer 1

嘗試重置主輸入

input {border:0; margin:0;padding:0;} 

，並添加一個跨度給跨度你想的那麼它將普遍的工作邊界：

.input-shell {border: #ccc 1px solid} 

<span class="input-shell"><input button /></span> ....

繼承人的jsfiddle：

http://jsfiddle.net/Riskbreaker/tqnhg/1/

繼承人的同樣的事情裁判：

Any way to remove IEs black border around submit button in active forms?

最後做到這一點：

input[type=submit], 
    input[type=reset], 
    input[type=button] 
    { 
     filter:chroma(color=#000000); 
     color:#cccccc; 
    }