css - JavaFX 和 CSS RadioButton 样式

Question

我正在改进我的一个程序的图形方面，目前我正试图在 CSS 中勾勒出一个 SELECTED 单选按钮的轮廓，但这样做似乎是不可能的。 奇怪的是:

.radio-button .radio:hover {
    -fx-border-color: #15171c; /*gives the button a square border*/
    -fx-border-radius: 130px;  /*rounds the border around the button, "faking" a nice round outline*/
}

工作正常[结果:http://imgur.com/cmjCfw1 ]，但是这个:

.radio-button .radio:selected {
    -fx-border-color: #15171c;
    -fx-border-radius: 130px;
}

没用。每当我将鼠标悬停在单选按钮上时，我实际上可以显示一个漂亮的轮廓，但似乎不可能在这些按钮被选中时为其提供永久轮廓。

另一件困扰我的事情是:

.radio-button:selected {
    -fx-border-color: #15171c;
    -fx-border-radius: 130px;
}

实际有效[结果:http://imgur.com/qcarcIM ].唯一的问题是“radio-button”指的是单选按钮和与之关联的标签，轮廓环绕着这两个元素，这显然不是我要找的。

有没有办法给选定的按钮一个永久的轮廓？ 提前致谢。

Answer 1

使用.radio-button:selected .radio