0

Chrome と Firefox に 2 つの異なるパディングを追加し、同じスタイル シートで使用したいと考えています。(別々のシートを使用することはできません) これらは、私が望む 2 つのスタイルです。

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="" />
4

2 に答える 2

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;

すべての助けをありがとう。

于 2013-09-06T12:10:14.783 に答える
1

私はそれを試していません。しかし、それはこのように動作するはずです。

jQuery によるブラウザ検出へのリンクは次のとおりです: http://api.jquery.com/jQuery.browser/

$(function() {
  if ($.browser.mozilla) {
    $('body').addClass("firefox");
  } else if ($.browser.chrome) {
    $('body').addClass("chrome");
  }
});
于 2013-08-09T11:06:18.180 に答える