Esta es una pregunta un poco inusual, pero ¿es posible en javascript cambiar los estilos de texto para cualquier otra línea? Déjame ser un poco más específico. Supongamos que tengo una página con varios párrafos. Lo que quiero hacer es estilos de texto alternativos (color de fuente o color de fondo) para cada línea, tal como aparecen en mi pantalla.
Aquí está la idea . Me gustaría hacer una extensión del navegador que coloree automáticamente cada línea de un párrafo para que sea más fácil para los lectores seguir lo que están leyendo en una página. ¿Pensamientos? Si es posible, ¿cómo debo hacer para escribir esto?
Si supiera la altura de la línea, podría crear un degradado de fondo repetitivo para que coincida. (Y podría averiguar la altura de la línea con javascript si fuera necesario).
p { --spacing: 1.5rem; line-height: var(--spacing); background-image: repeating-linear-gradient(transparent 0 var(--spacing), skyblue var(--spacing) calc(var(--spacing) * 2)); } <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>