Firefox düğmesi neden daha büyük?

Question

.ui_btn , .sub_txt { 
margin: 2px 0px 2px 3px; 
background:#181c18; 
cursor: pointer; 
display: inline-block; 
text-align: center; 
text-decoration: none; 
text-transform:lowercase; 
} 

.ui_btn input, .sub_txt input , .disabled input{ 
border-spacing: 0px; 
background: none; 
color: #fff; 
outline:0!important; 
margin:0!important; 
cursor: pointer; 
display: inline-block; 
font-weight: bold; 
border: 1px solid #181c18; 
font-family: Arial, sans-serif; 
font-size: 11px; 
padding: 7px 6px!important; 
white-space: nowrap; 
text-transform:lowercase; 
line-height: 12px!important; 
} 

Ve bu benim düğmem:

<label id="SD_mrs_t" class="ui_btn" for="SD_mrs"> 
<input id="SD_mrs" value="More Specific" type="button"/> 
</label> 

Firefox'ta bir sonuç düğmesi gibi bir şeye sahiptir:

padding: 9px 8px!important; 

Mozilla tarayıcısı için özel parametreler tanımsız bir çözüm var mıdır?

Answer 1

Stil sayfanızda bir reset.css kullanıyorsanız, yük altındaki tüm tarayıcılar için varsayılan değerleri ayarlayabilir, ardından firefox düğmesi daha büyük olamaz. Ben bu kullanın: Firefox'ta

http://meyerweb.com/eric/tools/css/reset/

Answer 2

, giriş düğmesi vardır daha dolgu, bu sorunu çözmek için yardımcı olabilir:

Ayrıca, bu soru aşağı yukarı aynı görünüyor

/* Remove button padding in FF */ 
button::-moz-focus-inner { 
    border:0; 
    padding:0; 
} 

(yukarıdaki kodu) orada önerilir: CSS: Size of buttons in Chrome is different than Firefox

Answer 3

Firefox böyle ele alabilir bir special padding to buttons, geçerlidir:

button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner { 
    padding: 0 !important; 
    border: 0 none !important; 
}