Fond d'un ToggleButton dépassant de sa bordure

L'arrière-plan d'un ToggleButton dépassant de sa bordure inférieure. Est-ce que quelqu'un peut me dire ce que je fais mal?Fond d'un ToggleButton dépassant de sa bordure

Je mis en place pour id ToggleButton dans SceneBuilder.

CSS:

#blue-unselected { 
    -fx-border-color: #26b4d5; 
    -fx-border-radius: 4; 
    -fx-background-color: white; 
    -fx-background-radius: 4; 
    -fx-font-size:14; 
    -fx-text-fill: #26b4d5; 
    -fx-font-family: "Verdana Pro Cond SemiBold" 
}

Source

2017-03-03 pb4now

Pouvez-vous également fournir votre code html, s'il vous plaît. – maximelian1986

@ maximelian1986 haha c'est javafx mon pote! Css est aussi utilisé en dehors de l'ère html. – minigeek

@ pb4now utilisez-vous le générateur de scènes? Si oui, vous pouvez ajouter un effet comme dropshadow au bouton et la ligne blanche sous le bouton sera parti .. Je l'ai fait il y a quelques jours. – minigeek

Il suffit d'ajouter l'attribut suivant:

-fx-background-insets: 0;

La valeur d'attribut par défaut (en modena.css) pour .toggle-button est défini comme:

-fx-background-insets: 0 0 -1 0, 0, 1, 2;

De cette valeur le f La première partie (0 0 -1 0) est intéressante pour vous, car vous définissez une seule couleur de fond. Cette couleur aura une incrustation de fond -1 (les quatre valeurs sont [haut, droite, bas, gauche]), ce qui entraîne le dépassement de 1 pixel sur le côté inférieur.

Source

2017-03-03 12:03:19 DVarga

DVarga -merci beaucoup Sir - et merci pour l'explication aussi (y) :) – pb4now

Fond d'un ToggleButton dépassant de sa bordure

Répondre

Questions connexes