Apakah ada cara untuk menerapkan CSS berikut ke khusus div
hanya di Google Chrome?
position:relative;
top:-2px;
css
google-chrome
css-hack
pengguna1213707
sumber
sumber
Jawaban:
Solusi CSS
dari https://jeffclayton.wordpress.com/2015/08/10/1279/
Solusi JavaScript
sumber
data-ng-class
untuk angular dan menambahkan.chrome
kelas dengan ekspresi JS. Bekerja seperti pesona. Terima kasihSeperti yang kita ketahui, Chrome adalah Webkit browser , Safari juga browser Webkit, dan juga Opera, jadi sangat sulit untuk menargetkan Google Chrome, menggunakan kueri media atau hack CSS, tetapi Javascript benar-benar lebih efektif.
Berikut adalah potongan kode Javascript yang akan menargetkan Google Chrome 14 dan yang lebih baru,
dan di bawah ini adalah daftar peretasan Peramban yang Tersedia, untuk Google chrome termasuk peramban yang terpengaruh, oleh peretasan itu
Retas WebKit:
Mendukung Hacks:
Google Chrome 28, dan Google Chrome> 28, Opera 14 dan Opera> 14
Properti / Nilai Hacks:
Google Chrome 28, dan Google Chrome <28, Opera 14 dan Opera> 14, serta Safari 7 dan Kurang dari 7. - Google Chrome : 28 dan Sebelumnya - Safari : 7 dan Sebelumnya - Opera : 14 dan Nanti
Peretasan JavaScript: 1
Peretasan JavaScript: 2 {Webkit}
Peretasan JavaScript: 3
Hacks Query Media: 1
Hacks Media Query: 2
Untuk informasi lebih lanjut silakan kunjungi situs web ini
sumber
@supports (-webkit-appearance:none) { }
sekarang bekerja untuk MS Edge.Pembaruan untuk chrome> 29 dan Safari> 8:
Safari sekarang mendukung
@supports
fitur tersebut juga. Itu berarti peretasan itu juga berlaku untuk Safari.saya ingin merekomendasikan
@ http://codepen.io/sebilasse/pen/BjMoye
sumber
Pemilih browser css ini dapat membantu Anda. Lihatlah.
sumber
http://www.templatemonster.com/help/how-to-create-browser-specific-css-rules-styles.html
Terapkan aturan CSS tertentu ke Chrome hanya dengan menggunakan
.selector:not(*:root)
dengan pemilih Anda:sumber
Tidak pernah menemukan contoh di mana saya harus melakukan peretasan css khusus Chrome sampai sekarang. Namun, saya menemukan ini untuk memindahkan konten ke bawah slideshow yang jelas: keduanya; tidak mempengaruhi apa pun di Chrome (tetapi bekerja dengan baik di tempat lain - bahkan IE!).
sumber
jika mau kita bisa menambahkan kelas ke brwoser tertentu lihat [link biola] [1] [1]:
sumber
Saya menggunakan campuran sass untuk gaya krom, ini untuk
Chrome 29+
meminjam solusi dari Martin Kristiansson di atas.Gunakan seperti ini:
sumber
Chrome tidak memberikan persyaratan sendiri untuk menetapkan definisi CSS hanya untuk itu! Seharusnya tidak perlu melakukan ini, karena Chrome mengartikan situs web seperti yang ditentukan dalam standar w3c.
Jadi, Anda memiliki dua kemungkinan yang berarti:
sumber
periksa ini. itu berhasil untuk saya.
sumber
Sangat sederhana. Cukup tambahkan kelas atau id kedua ke elemen Anda pada waktu pemuatan yang menentukan browser mana itu.
Jadi pada dasarnya di bagian depan, deteksi browser lalu atur id / class dan css Anda akan ditentukan menggunakan nametag khusus browser tersebut
sumber