Issue #2039💬 RespondidoAbierto el 27 de mayo de 2019por faaizalikhan1Reacciones 0

¿Cómo puedo actualizar los estilos de una clase?

Respuesta rápidapor artf

Para conseguir la regla con esa clase usa 'CssComposer.getRule' y, una vez que tengas la regla, actualiza su estilo '''js regla const = editor. CssComposer.getRule('.btn_hovered'); rule && rule.addStyle({ color: 'red' }); ```

Lee la respuesta completa abajo ↓

Pregunta

Hola, tengo este botón, cuyo estilo cambia al pasar el cursor y se añade una nueva clase: '<button class="btn btn_hovered">Button 1</button>'

' <button class="btn">Button 2</button>'

¿Hay alguna forma de cambiar los estilos de una clase en particular? ¿Quisiera añadir un color personalizado a la clase "btn_hovered"? Cualquier ayuda es bienvenida, gracias.

Respuestas (3)

artf30 de mayo de 2019

Para conseguir la regla con esa clase usa 'CssComposer.getRule' y, una vez que tengas la regla, actualiza su estilo '''js regla const = editor. CssComposer.getRule('.btn_hovered'); rule && rule.addStyle({ color: 'red' });

faaizalikhan14 de junio de 2019

@artf Hola, estoy intentando acceder con esa afirmación, pero recibo nulo como respuesta, ¿cuál podría ser el problema?

artf4 de junio de 2019

Bueno, la regla debería estar ahí al principio. Si usas la opción 'canvas.styles' en tu método init, esos no se añaden en CssComposer, así que tienes que añadirlo primero.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.