jQueryを使用してFirefoxにCSSカスタムを追加する

CSSにスタイルシートが最適であることは知っていますが、jQueryを使用してFirefox固有のCSSを追加する方法があるかどうかは疑問でした。jQueryを使用してFirefoxにCSSカスタムを追加する

のjQueryを使用してCSSを追加する一般的な方法は、次の構文を使用します。

$('select').css('margin', '1em');

のFirefoxに固有のCSSのクエリは、このようなものです：

@-moz-document url-prefix() { 
    select { 
    padding: 0.25em; 
    margin-top: -0.2em; 
    } 
}

jQueryのCSSを適応させる方法はありますFirefoxのメディアクエリを使用するコマンドですか？

方法があるとすれば、Chrome、Safari、IEでも同様に動作すると思います。

出典

2017-11-27 Parag Magunia

'Firefoxのメディアクエリを使用するようにjQuery CSSコマンドを適合させる方法はありますか？ '彼らはスタイルシートでのみ利用可能なセレクタに依存し、インラインスタイリングには依存しません。とにかくこれをやってはいけません。これは、ブラウザのデフォルトスタイルのわずかな違いが原因である可能性があります。その場合は、独自のスタイルを追加する前に*スタイルシートをリセットすることをお勧めします。 –

あなたはFirefoxを特に対象にする理由があるかもしれませんが、一般的には、_ feature_ _browser sniffing_の上で_feature detection_をお勧めします。いくつか良い点があります[この質問に対する答え]（https://stackoverflow.com/questions/1294586/browser-detection-versus-feature-detection） – agrm

@agrm、Rory：ありがとう、これらは良い推薦です。私は代替案を探します。 –

jQuery 1.9では、ブラウザタイプを検出する$。browserが推奨されていません。

詳細については、thisをご確認ください。

出典

2017-11-27 16:46:45 LordAlpaca

jQueryを使用してFirefoxにCSSカスタムを追加する

答えて

関連する問題