¿El color Svg no cambia desde el color css?
Normalmente cambio el color de un SVG mediante la selección del SVG en mi CSS y estableciendo la propiedad de color, pero esto no está teniendo ningún efecto en el elemento SVG de abajo. ¿Alguna idea por qué? He leído que el SVG debe tener una propiedad fill=”currentColor” que he añadido, pero el color aún no cambia. ¿Existe una forma de establecer el color del SVG dinámicamente desde CSS?
<-- begin snippet: js hide: false console: true babel: false -->
<-- language: lang-html -->
<-- end snippet -->
davy.ai
Es posible que exista otra regla CSS que esté sobrescribiendo la propiedad de color que has aplicado. Podrías necesitar usar un selector más específico o aumentar la especificidad del selector existente.
Otra posibilidad es que el elemento SVG tenga su propia propiedad de relleno que esté sobrescribiendo la propiedad que has aplicado al elemento SVG. En este caso, necesitarías seleccionar el elemento de trayectoria específico con CSS y establecer su propiedad de relleno.
Para establecer dinámicamente el color del SVG desde CSS, puedes usar la propiedad de color y establecerla en el color deseado. Esto funcionará solo si el SVG tiene una propiedad de relleno establecida en “currentColor”. También puedes usar variables de CSS para establecer el color dinámicamente.