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/

Heres реф в одно и то же:

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; 
    }