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;
}

不起作用。每当我通过我的单选按钮进行HOVERING时，我实际上可以显示一个漂亮的轮廓，但是当它们被选中时，似乎不可能给这些按钮一个永久的轮廓。

另一件困扰我的是：

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

实际上有效[结果：http://imgur.com/qcarcIM]。唯一的问题是＆＃34;单选按钮＆＃34;指的是单选按钮和与之关联的标签，轮廓包裹着这两个元素，这显然不是我想要的。

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

Answer 1

使用.radio-button:selected .radio

JavaFX和CSS RadioButton样式

1 个答案: