Existe uma grande extensão chamada Stylish que faz exatamente o que você está procurando. Permite adicionar CSS personalizado às páginas que você visita.
/* 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;}}
É necessário reiniciar o Firefox para todas as alterações. Além disso, você também pode usar expressões regulares para corresponder a uma URL, por exemplo: @-moz-document regex(".*\.(jpg|png|gif|bmp)$"). Que eu usei para fazer o visualizador de imagens do Firefox aumentar o zoom sem desfocar os pixels ( img{image-rendering: -moz-crisp-edges;image-rendering: pixelated;}).
Yeti
Fiz isso agora em 2019, ainda funciona quando você não deseja encontrar e instalar uma extensão.
Existe uma grande extensão chamada Stylish que faz exatamente o que você está procurando. Permite adicionar CSS personalizado às páginas que você visita.
fonte
Você pode adicionar regras CSS personalizadas a um
chrome/userContent.cssarquivo na sua pasta de perfil do Firefox.Exemplo:
fonte
@-moz-document regex(".*\.(jpg|png|gif|bmp)$"). Que eu usei para fazer o visualizador de imagens do Firefox aumentar o zoom sem desfocar os pixels (img{image-rendering: -moz-crisp-edges;image-rendering: pixelated;}).