css - Modernizr を使用した -webkit-apperance の検出

Question

Modernizr を使用して -webkit-appearance、moz-apperance、または外観を検出する方法を誰か教えてもらえますか?

カスタム選択とこれらを使用するチェックボックスがあり、これらのプロパティをサポートしていないブラウザーに追加のスタイルが適用されないようにする必要があります。

ありがとう

score 4 · Accepted Answer

Modernizr.testProp()メソッドを使用するだけです。

Modernizr.testProp('webkitAppearance');

このチェックを使用すると、 Modernizr.addTest()を使用して独自の Modernizr テストを作成できます。

Modernizr.addTest('webkit-appearance', function() {
    return Modernizr.testProp('webkitAppearance');
});

score 1 · Accepted Answer

Modernizr にはこの機能の検出ルーチンがまだ含まれていないことは確かです。これは新しすぎるためです。

ただし、これは CSS プロパティであるため、modernizr を呼び出さなくても、かなり簡単に検出できるはずです。

このページでは、CSS プロパティが利用可能かどうかを簡単に確認する方法について詳しく説明します。

style特定の DOM 要素のプロパティにプロパティが存在するかどうかを確認するだけです。プロパティがサポートされている場合、実際には何も設定されていなくても、DOM に存在します。

それが役立つことを願っています。

2 に答える 2