0

我是 JavaFX 和 CSS 样式的新手，刚刚对执行以下操作的最佳方式进行了一些澄清。

本质上，我有两个按钮，我已经实现了 Hover 和 Focus，因此边框颜色在 Hover（鼠标）和 Focused（键盘选项卡）上都会发生变化。目前我有以下内容：

.normalbutton:hover {

    -fx-font-size: 11pt;
    -fx-font-family: "Verdana";
    -fx-font-weight : Normal;

    -fx-background-color : #545454;

    -fx-border-color: #FFFFFF ;
    -fx-border-radius: 3,3,3,3;
    -fx-border-width: 1px ;

}

.normalbutton:focused {

     -fx-font-size: 11pt;
     -fx-font-family: "Verdana";
     -fx-font-weight : Normal;

     -fx-background-color : #545454;

     -fx-border-color: #FFFFFF ;
     -fx-border-radius: 3,3,3,3;
     -fx-border-width: 1px ;

}

它工作正常，但我想知道是否有一种方法可以将聚焦和悬停结合起来，因为它们具有相同的属性。

4

1 回答 1

1

,多个选择器可以在 CSS中分隔。如果其中一个匹配，则应用该样式。在您的示例中，它看起来像这样：

.normalbutton:hover,
.normalbutton:focused {

     -fx-font-size: 11pt;
     -fx-font-family: "Verdana";
     -fx-font-weight : Normal;

     -fx-background-color : #545454;

     -fx-border-color: #FFFFFF ;
     -fx-border-radius: 3,3,3,3;
     -fx-border-width: 1px ;

}

https://www.w3.org/TR/CSS21/selector.html#grouping

于 2016-11-08T10:45:28.433 回答