Saya ingin dapat mengubah CSS default yang digunakan oleh chrome, seperti menghapus garis bawah untuk tautan, dll. Namun, saya tidak dapat menemukan file CSS default yang digunakan oleh Chrome. Adakah yang tahu di mana itu?
google-chrome
css
George IV
sumber
sumber
Jawaban:
(Pembaruan 2014) Karena dukungan stylesheet pengguna baru-baru ini dihapus dari Google Chrome, satu-satunya opsi untuk saat ini adalah menggunakan ekstensi (seperti Stylus * 1), tetapi ini akan berperilaku berbeda (lihat di bawah).
Permintaan paling relevan untuk memperkenalkan kembali stylesheet pengguna yang sebenarnya di Google Chrome adalah Edisi 347016: Dukung stylesheet pengguna .
Sesuai spesifikasi, aturan "true user stylesheet" memiliki kekhususan asal yang lebih rendah dalam kaskade daripada aturan penulis, tetapi
!important
aturan stylesheet pengguna memiliki kekhususan asal yang lebih tinggi daripada!important
aturan penulis, terlepas dari kekhususan pemilihnya .Ekstensi yang meniru lembar gaya pengguna di Chrome hanya menyuntikkan (mudah-mudahan) elemen gaya terakhir ke dalam laman, yang memiliki beberapa konsekuensi:
!important
aturan Anda memiliki kekhususan yang lebih tinggi daripada yang ingin Anda timpa* 1 Ekstensi asli, Stylish , saat ini (2017) dalam keadaan pengembangan tidak menentu oleh mainetainer baru, jadi saya sarankan untuk menghindarinya dan menggunakan alternatif seperti Stylus yang disebutkan di atas.
(Mengikuti jawaban asli sekarang sudah usang.)
Afaik tidak mungkin untuk men-tweak UA css itu sendiri, tetapi Anda dapat membuat pengguna global: memulai Chrome sekali dengan--enable-user-stylesheet
. Ini akan membuat<user-data-dir>/<profile>/User StyleSheet/Custom.css
yang dapat Anda gunakan (perubahan segera disebarkan). http://code.google.com/p/chromium/issues/detail?id=2393sumber
Custom.css
dan yangUser Stylesheets
tidak ada lagi)Anda dapat melihat diskusi ini: Edisi 2393: Mendukung stylesheet pengguna
Di bagian paling akhir mereka menyebutkan bahwa
--enable-user-stylesheet
parameter saat memulai Chrome akan mengaktifkan stylesheet khusus ..sumber
Satu-satunya solusi yang dapat saya pikirkan adalah menggunakan skrip Greasemonkey yang menambahkan entri gaya ke setiap halaman html yang mematikan garis bawah untuk tautan. Sesuatu seperti:
Artikel ini tampaknya dapat membantu Anda memulai:
BAGAIMANA CARA: Instal Skrip Greasemonkey Google Chrome (Hanya Windows)
sumber
<style>
kode dari blockquote untuk kode sehingga Anda tidak perlu khawatir tentang "ruang ekstra"Jika Anda tertarik untuk menyesuaikan situs web tertentu, Anda dapat menggunakan skrip pengguna gaya greasemonkey .
sumber
Anda dapat mengubah gaya chrom css ui. Ingat saja jika Anda mengubahnya, beberapa efek seperti Contoh:
#footer {color:#5F5F5F !important;}
akan berubah di setiap situs yang menggunakan #footer. Anda telah diperingatkan. Custom.css mengubah hampir semua yang ada di browser chromeWindows XP Google Chrome:
Chromium:
Windows 7 atau Vista (bantuan di bagian bantuan) Google Chrome:
Chromium:
Mac OS X Google Chrome:
Chromium:
Linux Google Chrome:
Chromium:
Chrome OS
Ingin bukti, periksa tema saya untuk editor program http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat
Jangan ragu untuk memeriksa saya, saya membuat style sheet UI atau situs acak seperti facebook google.etc, dan membuatnya hitam & merah.
sumber
Ada masalah ketika menggunakan Gaya sebagai injektor gaya
pengguna
!important
: tingkat prioritas pengguna tanpa lebih tinggi daripada tingkat prioritas penulis tanpa!important
Jadi saya menulis skrip pengguna sebagai injektor:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
prinsip:
Suntikkan gaya di
document.head.prependChild()
, sebelum gaya penulis laman web, memiliki prioritas lebih rendah, untuk menghindari hamparan gaya pengguna.sumber
document.head.prependChild()
, untuk menghindari tampilan pengguna.Pada 2018, Chrome> = 68.0.3440.106 (dan mungkin jauh lebih awal)
Saya sudah memiliki ekstensi Resource Override untuk berbagai penggunaan pengembangan, jadi saya sekarang menggunakannya untuk menambahkan stylesheet saya sendiri untuk memperbaiki beberapa pilihan gaya buruk di JIRA (dan untuk menyembunyikan lebih banyak iklan - heh heh). Opsi yang saya gunakan adalah "Suntikkan File" dan ini bekerja dengan sangat baik. Saya belum mencoba mengubah pengaturan 'url' untuk membuatnya hanya berfungsi di situs tertentu, tetapi penyeleksi css saya cukup spesifik sehingga saya dapat membiarkan url sebagai '*'
sumber
Saya menemukan pertanyaan ini ketika mencari solusi tentang cara menyediakan lembar gaya untuk halaman tanpa gaya. Tak satu pun dari solusi di atas yang banyak membantu saya pada 09/2018 chrome tidak mendukung fungsi stylesheet kustom yang sebelumnya dihapus.
Solusi yang saya buat dan yang berfungsi seperti pesona untuk kasus penggunaan saya dicapai dengan menggunakan addon krom ini dengan skrip js khusus yang menyisipkan css kustom saya ke header halaman jika tidak memiliki stylesheet. Ini tidak akan berfungsi pada halaman yang memiliki stylesheet yang tertaut tetapi untuk kasus penggunaan saya cukup.
Berikut ini skrip JS yang saya gunakan:
sumber
Gunakan Stylebot.
Chrome
Perpustakaan skrip pengguna
Untuk firefox, Sesuaikan web Anda
sumber