Bagaimana cara menambahkan CSS secara permanen ke beberapa halaman menggunakan Firefox?

10

Katakanlah, saya ingin mengubah font atau latar belakang halaman yang sering saya gunakan Firefox.

Bagaimana cara melakukannya?

firefox css

— janoChen
sumber

6

https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

— mount.cifs
sumber

Greasemonkey adalah pilihan yang baik ..

— aneeshep

8

Ada ekstensi hebat bernama Stylish yang melakukan persis seperti yang Anda cari. Ini memungkinkan Anda untuk menambahkan CSS khusus ke halaman yang Anda kunjungi.

— Windigo
sumber

5

Anda dapat menambahkan aturan CSS khusus ke chrome/userContent.cssfile di folder profil Firefox Anda.

Buka folder profil Anda
Buat direktori "chrome" jika tidak ada
Buat file "chrome / userContent.css"

Contoh:

/* For any page */
body { margin: 10px; border: 1px solid red !important; }

/* Or only for google.com */
@-moz-document domain(google.com) {
    body { margin: 10px; border: 1px solid red !important; }
}

— mivk
sumber

3

Restart Firefox diperlukan untuk setiap perubahan. Juga, Anda juga dapat menggunakan ekspresi reguler untuk mencocokkan URL, misalnya: @-moz-document regex(".*\.(jpg|png|gif|bmp)$"). Yang saya gunakan untuk membuat penampil gambar Firefox memperbesar tanpa mengaburkan piksel ( img{image-rendering: -moz-crisp-edges;image-rendering: pixelated;}).

— Yeti

Saya melakukan ini sekarang di 2019, masih berfungsi ketika Anda tidak ingin menemukan dan menginstal ekstensi.

— Rennex