Me gustaría poder cambiar el CSS predeterminado utilizado por Chrome, como eliminar los subrayados de los enlaces, etc. Sin embargo, no puedo encontrar el archivo CSS predeterminado utilizado por Chrome. ¿Alguien sabe dónde está?
google-chrome
css
Jorge IV
fuente
fuente
Respuestas:
(Actualización 2014) Dado que la compatibilidad con las hojas de estilo del usuario se eliminó recientemente de Google Chrome, la única opción para este momento es usar extensiones (como Stylus * 1), pero estas se comportarán de manera diferente (ver más abajo).
La solicitud más relevante para reintroducir verdaderas hojas de estilo de usuario en Google Chrome es el problema 347016: admite hojas de estilo de usuario .
Según la especificación, la regla de "hoja de estilo de usuario real" tiene una especificidad de origen más baja en cascada que la regla de autor, pero
!important
las reglas de hoja de estilo de usuario tienen una especificidad de origen más alta que la!important
regla de autor, independientemente de su especificidad de selector .Las extensiones que imitan las hojas de estilo del usuario en Chrome simplemente inyectan (con suerte) el último elemento de estilo en la página, lo que tiene algunas consecuencias:
!important
regla tenga una especificidad mayor que la que desea anular* 1 La extensión original, Stylish , se encuentra actualmente (2017) en estado de desarrollo errático por parte de un nuevo mainetainer, por lo que aconsejaría evitarlo y usar alternativas como el Stylus mencionado anteriormente.
(La siguiente respuesta original ahora está obsoleta).
Afaik no es posible ajustar el UA css en sí, pero puedes crear un estilo de usuario global: inicia Chrome una vez con--enable-user-stylesheet
. Esto creará<user-data-dir>/<profile>/User StyleSheet/Custom.css
lo que puede usar (los cambios se propagan inmediatamente). http://code.google.com/p/chromium/issues/detail?id=2393fuente
Custom.css
yUser Stylesheets
ya no existe)Puede echar un vistazo a esta discusión: Problema 2393: Hoja de estilo de usuario de soporte
Al final mencionan que el
--enable-user-stylesheet
parámetro al iniciar Chrome habilitaría hojas de estilo personalizadas.fuente
La única solución que se me ocurre es usar un script de Greasemonkey que agrega una entrada de estilo a cada página html que desactiva los subrayados de los enlaces. Algo como:
Aparentemente, este artículo puede ayudarlo a comenzar:
CÓMO: Instalar secuencias de comandos de Google Chrome Greasemonkey (solo en Windows)
fuente
<style>
código de la cita en bloque al código para que no tengas que preocuparte por los "espacios adicionales"Si está interesado en personalizar sitios web particulares, puede usar scripts de usuario de estilo greasemonkey .
fuente
Puede cambiar el estilo de los cromos css ui. Solo recuerde que si lo cambia, algunos efectos como Ejemplo:
#footer {color:#5F5F5F !important;}
cambiarán en cada sitio que use #footer. Has sido advertido Custom.css cambia casi todo en los navegadores de chromesWindows XP Google Chrome:
Cromo:
Windows 7 o Vista (ayuda en la sección de ayuda) Google Chrome:
Cromo:
Mac OS X Google Chrome:
Cromo:
Linux Google Chrome:
Cromo:
Chrome OS
¿Quieres pruebas? Mira mi tema para el editor del programa http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat
No dude en visitarme, creo hojas de estilo de interfaz de usuario o sitios aleatorios como facebook google.etc, y los hago en negro y rojo.
fuente
Hay un problema cuando se usa Stylish como inyector de estilo de
usuario
!important
: el nivel de prioridad del usuario sin es mayor que el nivel de prioridad del autor sin!important
Entonces escribo un script de usuario como inyector:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
principio:
Inyectar estilo en
document.head.prependChild()
, antes del estilo del autor de la página web, tiene una prioridad más baja, para evitar la superposición de estilo de usuario.fuente
document.head.prependChild()
, para evitar la superposición de estilo de usuario.En 2018, Chrome> = 68.0.3440.106 (y probablemente mucho antes)
Ya tenía la extensión de anulación de recursos para varios usos de desarrollo, así que ahora la uso para agregar mi propia hoja de estilo para corregir algunas malas elecciones de estilo en JIRA (y para ocultar más anuncios, je je). La opción que uso es "Inject File" y funciona muy bien. No he intentado regexing la configuración 'url' para que solo funcione en sitios particulares, pero mis selectores css son lo suficientemente específicos como para que pueda dejar la url como '*'
fuente
Encontré esta pregunta cuando buscaba una solución sobre cómo proporcionar una hoja de estilo para páginas sin estilo. Ninguna de las soluciones anteriores me ayudó mucho a partir de 09/2018 Chrome no admite la función de hoja de estilo personalizada eliminada anteriormente.
La solución que se me ocurrió y que funciona de maravilla para mi caso de uso se logra utilizando este complemento de Chrome con un script js personalizado que inserta mi CSS personalizado en el encabezado de la página si no tiene ninguna hoja de estilo. No funcionará en una página que tenga una hoja de estilo vinculada, pero para mi caso de uso es suficiente.
Aquí está el script JS que estoy usando:
fuente
Usa Stylebot.
Cromo
Biblioteca de guiones de usuarios
Para firefox, personaliza tu web
fuente