53 votes

Modifier le CSS par défaut de Google Chrome

J'aimerais pouvoir modifier le CSS par défaut utilisé par chrome, par exemple en supprimant les soulignements pour les liens, etc. Cependant, je ne trouve pas le fichier CSS par défaut utilisé par Chrome. Quelqu'un sait-il où il se trouve ?

36voto

myf Points 511

(Mise à jour 2014) Depuis la prise en charge des feuilles de style utilisateur a été récemment supprimée de Google Chrome, la seule option pour le moment est d'utiliser des extensions (comme Stylet *1), mais ceux-ci se comporteront différemment (voir ci-dessous).

La demande la plus pertinente pour réintroduire de véritables feuilles de style utilisateur dans Google Chrome est la suivante Numéro 347016 : Prise en charge des feuilles de style utilisateur .

Selon les spécifications, "true user stylesheet" (feuille de style de l'utilisateur) La règle a inférieur origine spécificité en cascade que la règle de l'auteur, mais !important les règles de la feuille de style de l'utilisateur ont une plus grande spécificité de l'origine que !important de la règle de l'auteur, quelle que soit sa sélecteur spécificité .

Les extensions imitant les feuilles de style de l'utilisateur dans Chrome injectent simplement (avec un peu de chance) le dernier élément de style dans la page, ce qui a des conséquences :

  • ce style est à "niveau de l'auteur" dans la cascade, vous devez donc vous assurer que votre !important a une spécificité supérieure à celle de la règle que vous souhaitez remplacer
  • "votre" style injecté est exposé aux scripts de la page, qui peuvent donc facilement le supprimer à leur guise.

*1 Extension originale, Stylisé , est actuellement (2017) dans un état de développement erratique par un nouveau mainetainer, donc je conseillerais de l'éviter et d'utiliser une alternative comme le Stylus mentionné plus haut.


(La réponse originale suivante est désormais obsolète).

A priori, il n'est pas possible de modifier les css de l'UA, mais vous pouvez créer un style d'utilisateur global : lancez Chrome une fois avec --enable-user-stylesheet . Cela créera <user-data-dir>/<profile>/User StyleSheet/Custom.css que vous pouvez utiliser (les modifications sont propagées immédiatement). http://code.google.com/p/chromium/issues/detail?id=2393

8voto

Mike Jones Points 11

Vous pouvez consulter cette discussion : Problème 2393 : Prise en charge de la feuille de style de l'utilisateur

À la toute fin, ils mentionnent que le --enable-user-stylesheet au démarrage de Chrome permettrait d'activer les feuilles de style personnalisées .

4voto

harrymc Points 394411

La seule solution à laquelle je pense est d'utiliser un script Greasemonkey script qui ajoute une entrée de style à chaque page html qui désactive les soulignements pour les liens. Quelque chose comme :

<style> a {text-decoration:none} </style>

Cet article peut apparemment vous aider à démarrer :
COMMENT : Installer Google Chrome Greasemonkey scripts (Windows uniquement)

2voto

OrionDarkwood Points 488

Si vous souhaitez personnaliser des sites web particuliers, vous pouvez utiliser greasemonkey style user scripts .

0voto

Vous pouvez modifier le style de l'interface utilisateur de chromes css. Rappelez-vous simplement que si vous le changez, certains effets tels que Exemple : #footer {color:#5F5F5F !important;} changera sur tous les sites qui utilisent #footer. Vous avez été prévenus. Custom.css change presque tout dans les navigateurs chromes

Windows XP Google Chrome :

C:\Documents et Settings%USERNAME% \Local Paramètres \Application Données \Google\Chrome\User Données \Default

Chrome :

C:\Documents et Settings%USERNAME% \Local Paramètres \Application Données \Chromium\User Données \Default\User Feuilles de style

Windows 7 ou Vista (aide dans la section aide) Google Chrome :

C:\Users\ %USERNAME% \AppData\Local\Google\Chrome\User Données \Default\User Feuilles de style

Chrome :

C:\Users\ %USERNAME% \AppData\Local\Chromium\User Données \Default\User Feuilles de style

Mac OS X Google Chrome :

~/Bibliothèque/Application Support/Google/Chrome/Default/User StyleSheets

Chrome :

~/Bibliothèque/Application Support/Chromium/Default/User StyleSheets

Linux Google Chrome :

~/.config/google-chrome/Default/User StyleSheets

Chrome :

~/.config/chromium/Default

Chrome OS

/home/chronos/

Envie de vérifier mon thème pour l'éditeur de programme ? http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

N'hésitez pas à venir me voir, je crée des feuilles de style d'interface utilisateur pour des sites aléatoires comme facebook, google, etc, et je les mets en noir et rouge.

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X