css - 为两种不同的浏览器使用两种不同的填充

Question

我想为 Chrome 和 Firefox 添加两个不同的填充，并希望在相同的样式表中使用它。（不能使用单独的表格）这是我想要的两种样式。

火狐浏览器

padding: 0 0 0 14px !important;

铬

padding: 0 0 0 0px !important;

我对样式表的了解最少，甚至不知道这是否可能。欢迎任何形式的帮助，谢谢。

更新

我的按钮代码是

<button class="buttonClass" data-dojo-type="dijit.form.Button" onclick="buttonToggle(this);" id="butid">
                            <input type="image" class="ns" onclick="buttonToggle(this);" value="" />

Answer 1

我通过添加它来处理 Firefox 来解决它。

    @-moz-document url-prefix(){
            #butFullScreen .ns, #butFullScreen .fs {
                padding: 0 0 0 14px;
                height:0px;
                width:0px;
}

在将其用于其他浏览器时

width:14px;
height:14px;
color: transparent;      

非常感谢所有的帮助。

Answer 2

我没试过。但它应该像这样工作。

这是通过 jQuery 进行浏览器检测的链接：http: //api.jquery.com/jQuery.browser/

$(function() {
  if ($.browser.mozilla) {
    $('body').addClass("firefox");
  } else if ($.browser.chrome) {
    $('body').addClass("chrome");
  }
});