在其邊框上突出顯示的ToggleButton的背景

ToggleButton突出顯示其底部邊框的背景。在其邊框上突出顯示的ToggleButton的背景

有人能告訴我我做錯了什麼嗎？

我設置ID爲SceneBuilder ToggleButton。

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

來源

2017-03-03 pb4now

你能否提供你的html代碼？ – maximelian1986

@ maximelian1986哈哈它是javafx哥們！css也用在html時代之外。 – minigeek

@ pb4now你在使用場景製作器嗎？如果是的話，你可以像滴陰影一樣添加效果到按鈕和按鈕下方的白線將消失..我做了幾天前。 – minigeek

只需添加以下屬性：

-fx-background-insets: 0;

默認屬性值（在modena.css）爲.toggle-button定義爲：

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

從這個值f第一部分（0 0 -1 0）對你來說很有意思，因爲你定義了一個單一的背景顏色。這種顏色將有一個-1底部插入（這四個值是[頂部，右側，底部，左側]），這導致底部的1像素突出。

來源

2017-03-03 12:03:19 DVarga

DVarga - 非常感謝你先生 - 並感謝你的解釋（y）:) – pb4now

在其邊框上突出顯示的ToggleButton的背景

回答

相關問題