Question

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

for Firefox

padding: 0 0 0 14px !important;

for Chrome

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

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

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

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

Answer 2

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

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

将其用于其他浏览器

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

非常感谢所有的帮助。

对两个不同的浏览器使用两个不同的填充

更新

2 个答案: