Применить CSS только для Safari?

Question

Можно ли добавить блок CSS, который я хочу отображать только в Safari, а не в других браузерах?

Answer 1

Вот пример, который устанавливает зеленый цвет шрифта вашего сайта, если ваш браузер Safari или Chrome (оба используют общий механизм рендеринга Webkit).

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        color:green; /* on Safari and Chrome  */
    }
}

Это взято из другого поста здесь

Answer 2

Используйте это.Это будет работать только в Safari.

/* Only for Safari  */
::i-block-chrome, .yourClassName {
     border:1px solid #f00;
}

Answer 3

Используя строку UserAgent, вы можете проверить наличие Safari и! Chrome. Оба используют рендерер WebKit и оба имеют Safari в строке UA, но Chrome также имеет Chrome. Если честно, я бы просто проверил наличие Webkit и кода для этого, потому что кто знает, что другие браузеры WebKit вставили в свои строки UA.

Safari:

Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-HK) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5

Хром:

Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/540.0 (KHTML, like Gecko) Ubuntu/10.10 Chrome/8.1.0.0 Safari/540.0