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

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

2010-10-29 HollerTrain

проверить это http://stackoverflow.com/questions/2052218/is-there-any-equivalent-to-ie-conditional-comment-for-chrome-and-safari – patrick

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

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

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

источник

2010-10-29 17:09:26

Предполагаю, вы имели в виду Chrome, а не Opera. Chrome использует движок WebKit, Opera использует собственный движок (называемый Presto). – jhurshman

@jhurshman, да, я сделал, спасибо (наступает пятница в пятницу :-)) –

@jhursh тоже нацеливается на Opera 9.2 – Knu

Используя строку UserAgent, вы можете проверить Safari и Chrome. Оба используют WebKit Renderer, и оба имеют 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

Chrome:

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

источник

2010-10-29 16:38:06

строка UserAgent может быть подделан очень легко. Это не надежный подход. – stevelove

Я не говорю, что это лучший метод, но найти САФАРИ ТОЛЬКО почти невозможно, поэтому вы берете то, что можете получить. –

css использует useragent, чтобы проверить, какой браузер? – Ascherer

использования этого. Он будет работать только в Сафари.

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

источник

2017-09-05 07:31:21 Sheo

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

ответ

Смежные вопросы