2016-11-25 272 views
0

我不知道如何配置或禁用它。單選按鈕上不需要的藍色邊框,可以刪除那個?

我有這樣的CSS:

.radioButton { 
    -fx-font: 13px sans-serif; 
    -fx-border-width: 0; 
} 


This is my rabio button, and is possible to see a blue border

感謝您的幫助!

+0

嘗試使用CSS選擇器'input [type =「radio」]:checked'然後改變樣式。 – Jameson

+0

這些類型的選擇器在Javafx中不起作用。只需改變它的工作背景即可。我認爲這有一個像「輪廓顏色:透明」的屬性。在網絡CSS。 –

回答

1

你看到藍色邊框是被聚焦的RadioButton的結果。

可以防止RadioButton從自動接收焦點通過設置focusTraversablefalse

.radio-button { 
    -fx-focus-traversable: false; 
} 

要修改顏色,您可以指定-fx-focus-color-fx-faint-focus-color屬性:

.radio-button { 
    -fx-focus-color: red; 

    /* 2/15 th of the opacity of the focus color */ 
    -fx-faint-focus-color: ladder(#222, transparent 0%, -fx-focus-color 100%); 
} 
0

它只是改變背景顏色。

.radio-button .radio { 
    -fx-background-color: white; 
} 

it works!