サファリブラウザにのみCSSを与える方法

私のサファリブラウザのバージョンは5.0です。私の問題は、サファリブラウザ用のCSSをクロムブラウザではなく与える方法です。サファリブラウザにのみCSSを与える方法

お願いします。ありがとうございます。

2017-09-27 ashu patel

「サファリのみのCSSハックはクロームではありませんか？」（https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-クロム） – Gezzasa

これを使用してください。 Safariでのみ動作します。

/* Css for Safari */ 
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    ::i-block-chrome, .yourClassName { 
     background:#f00; 
    } 
}

出典

2017-09-27 12:27:08

私もこれを試してみませんが、私の問題を解決していません。実際に私はscssで私のスタイルを与えます。 –

CSSセレクタ/プロパティ/値ハックはSASSのような

プリプロセッサは、彼らと
ブラウザまたはそれらが適用され、ブラウザのバージョンを動作しない可能性がありますように、私見で問題のある

したがって、ブラウザ固有のCSSを本当に使用する必要がある場合は、JavaScriptを使用して特定のクラスをタグに設定することをお勧めします。このタグは、CSS Seleこれらの望ましいブラウザでのみスタイルを設定してください。

JS：

if(doSomeUserAgentLogic()) { 
    document.body.classList.add("is-safari") 

}

CSS：

body.is-safari .custom-selector { 
    property: value; 
}

JavaScriptでのuserAgentを使用して、ブラウザと特定のバージョンを検出するが、その容易ではない、したがって、あなたはおそらくhttps://github.com/DamonOehlman/detect-browserのようなものを使用する必要がありますが、少なくとも、この検出方法は「かなり」安定しています。

出典

2017-09-27 14:07:32 MattDiMu

サファリブラウザにのみCSSを与える方法

答えて

関連する問題