【问题标题】:How to remove the blue color in selected tab pane如何删除选定选项卡窗格中的蓝色
【发布时间】:2016-02-07 22:52:17
【问题描述】:

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

我的图像here 有一个蓝色轮廓。

得到这个image

我用于设置标签窗格样式的 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
}

【问题讨论】:

  • 或许可以明确你的要求?
  • 哇,这是什么'-fx-'?第一次在 css 中看到它
  • 当我选择一个选项卡时,被选中按钮的边框是蓝色的,但是我想要的样式是让白色不加边框,我在上面放了两张照片。
  • @Oussama 我不知道'-fx-'朋友你能告诉我它是做什么用的吗?

标签: css javafx-8


【解决方案1】:

为了找到 tabPane 的默认样式表,我查找了该文件 ‎我的电脑中的 jfxrt.jar,然后我在 WinRAR 之类的存档器中打开它 在 com/sun/javafx/scene/control/skin/caspian.css 中获取 caspian.css。 有了这些知识,我可以很容易地看到那里可能有什么 导致问题。 caspian.css 也可以在线获取,这里是 链接到 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; (所选标签中的蓝色)

【讨论】:

    【解决方案2】:

    将outline属性设置为0

    .tab
    {
       outline :0;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-21
      • 2014-02-17
      • 1970-01-01
      • 2014-01-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多