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

10

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

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

Bagaimana cara melakukannya?

janoChen
sumber

Jawaban:

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.

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