Kann ich einen CSS-Block hinzufügen, den ich nur in Safari und keinen anderen Browser anzeigen möchte?CSS nur für Safari anwenden?
Antwort
Hier ist ein Beispiel, das die Schriftfarbe Ihrer Website auf grün gesetzt würde, wenn Ihr Browser Safari oder Chrome (beide Aktien die gebräuchliche Webkit-Rendering-Engine). Diese
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
color:green; /* on Safari and Chrome */
}
}
aus einem anderen Beitrag genommen here
Mithilfe der UserAgent-Zeichenfolge können Sie nach Safari und! Chrome suchen. Beide verwenden den WebKit-Renderer und beide haben Safari in der UA-Zeichenfolge, aber Chrome hat auch "Chrome". Um ehrlich zu sein, würde ich nur nach Webkit und Code suchen, denn wer weiß, was andere WebKit-Browser in ihre UA-Strings einbauen.
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
Der Useragent-String gefälscht werden kann sehr leicht. Dies ist kein zuverlässiger Ansatz. – stevelove
Ich sage nicht, es ist die beste Methode, aber SAFARI ONLY zu finden, ist fast unmöglich, also nehmen Sie, was Sie bekommen können. –
prüft css den useragent, um zu prüfen, welcher Browser? – Ascherer
Verwendung dieser. Es funktioniert nur in Safari.
/* Only for Safari */
::i-block-chrome, .yourClassName {
border:1px solid #f00;
}
- 1. Anwenden von CSS nur auf eine Seite
- 2. Anwenden von CSS-Klassendeklarationen
- 3. Nicht anwenden CSS in angegebenen div - Faraday Case für CSS
- 4. wie css auf textbox für ie9 anwenden
- 5. anwenden CSS verschachtelte divs
- 6. Css Hack Problem in Safari
- 7. Anwenden von CSS auf asp.net Fileupload Control Blättern Button nur
- 8. Kann ich CSS (3) Filter NUR auf Bildbereiche anwenden?
- 9. Kann ich einen CSS-Übergang nur auf Hover-Out anwenden?
- 10. Anwenden Stil auf ein bestimmtes Element funktioniert nicht mit Safari
- 11. CSS Animation stürzt ab Safari nur auf dem iPad
- 12. : Das Hover Css-Menü wird NUR bei iOS Safari geöffnet.
- 13. CSS Button Style nicht anwenden
- 14. Anwenden von CSS auf Drupal
- 15. Safari Eingabedatei Styling mit CSS?
- 16. CSS-Karten-Flip in Safari
- 17. Safari CSS Font Farbe Ausgabe
- 18. Safari: Ignorieren eine Menge CSS
- 19. CSS dynamisch mit JavaScript anwenden
- 20. Inline-CSS auf Schienen anwenden
- 21. anwenden CSS Google Maps iframe
- 22. jquery-ui nicht anwenden css
- 23. CSS-Stil Firefox/Safari/Chrome
- 24. Wie kann Text-Allign-letzte CSS-Eigenschaft in Safari verwendet werden? Es funktioniert nicht in Safari
- 25. jquery Margin-Probleme in Safari nur produzieren
- 26. Css nur Textlink ändern
- 27. Inline-CSS auf ein ASP.NET-Serversteuerelement anwenden
- 28. Wie passt man dieses CSS für Chrome, IE, Safari an?
- 29. CSS-Schriftart Eichhörnchen nicht richtig anwenden
- 30. zu CSS Stil anwenden, Kind Elementen
Kontrolle dieses http://stackoverflow.com/questions/2052218/is-there-any-equivalent-to-ie-conditional-comment-for-chrome-and-safari – patrick