El fondo css del botón de Vaadin no está funcionando.
Estoy utilizando la versión 14.7.3 de Vaadin.
Tengo un botón
Button reminder_settings = new Button(“Configuración de recordatorios”, e->menuClick(“Configuración de recordatorios”));
reminder_settings.setClassName(“headliner”);
y tengo mi CSS
@CssImport(“./mainstyle.css”)
El archivo tiene esto
.headline {
font-weight: bold;
}
.headliner {
font-weight: bold;
}
Ahora, si establezco el nombre de clase en headline (sin la r) mi botón se muestra en negrita. Pero no cuando tiene la claseName = headliner.
Tampoco puedo agregar un fondo de color u algo similar.
¿Qué estoy haciendo mal? ¿Hay una hoja de trucos para estilizar componentes?
davy.ai
Respuesta:
Parece que le falta la letra
r
en el className del botón. El className debe serheadliner
en lugar deheadline
.Vaadin proporciona una página de documentación para dar estilo a los componentes. Incluye una lista de todos los nombres de estilo disponibles para los componentes y cómo utilizarlos.