如何删除所选选项卡窗格中的蓝色

时间:2016-02-07 22:52:18

标签: css javafx-8

我正在研究javafx项目,我有一个FXML界面,我在其中放置一个标签窗格,当我选择一个标签时,所选按钮的边框颜色为蓝色,但我想要的样式是让白色颜色将不添加边框。

我的图片here有蓝色轮廓。 tab with blue border

获取此image

tab without blue border

我的样式选项卡窗格的Css代码:

.tab
{
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}
.tab:selected 
{
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 3 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #ff9500 #c2c2c2
}
.tab-pane *.tab-header-background 
{
    -fx-background-color: #fbfbfb, #fbfbfb, #fbfbfb;
    -fx-border-width: 1 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}

2 个答案:

答案 0 :(得分:2)

  

要查找tabPane的默认样式表,我查找了该文件   我的电脑里有jfxrt.jar,我在像WinRAR这样的归档器中打开它   在com / sun / javafx / scene / control / skin / caspian.css中获取caspian.css。   有了这些知识,我可以很容易地看到那里有什么   导致问题。 caspian.css也可在线获取,这里是a   链接到JavaFX 2.2版本。

我需要的是以下代码:



.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
     -fx-border-style: segments(0.166667em, 0.166667em);
     -fx-border-width: 1;
     -fx-border-color: -fx-focus-color;
}



 我更改了颜色 -fx-focus-color:#0093ff; (选定标签中的蓝色)

答案 1 :(得分:-1)

将outline属性设置为0

.tab
{
   outline :0;
}