当前位置: 首页 > 知识库问答 >
问题:

使用CSS从聚焦选项卡中删除发光边框

华英睿
2023-03-14

 .tab{
    -fx-background-radius: 0;
    -fx-background-color:  derive(-fx-base, 0%);
    -fx-background-insets: 0.3; 
    -fx-focus-color: XXXXXX;
    }
.tab:hover{
    -fx-background-color:  derive(-fx-base, 20%);
}
.tab:selected{
    -fx-background-color:  derive(-fx-base, 60%);
}

共有1个答案

姬慎之
2023-03-14

实现这一点的一种方法是将边框颜色设置为透明。

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-color: transparent;
}

也可以直接设置对焦颜色和微弱对焦颜色(用于插图边框)。

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

我在这里使用了specific类,但它也与tab类一起工作。

.tab {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}
 类似资料:
  • 问题内容: 我是AngularJS的新手。我进行了很多搜索,但是并不能解决我的问题。 我第一次在选择框中得到一个空白选项。 这是我的HTML代码 JS 但这似乎不起作用。我该如何解决?这是JSFiddle演示 问题答案: 当传递给的一组选项中不存在被引用的值时,将生成空值。这样做是为了防止意外选择模型:AngularJS可以看到初始模型是未定义的还是未在选项集中,并且不想自行决定模型的值。 简而言

  • 另外,我想请求关注textArea,每次用户打开/关闭选项卡,并在选项卡之间切换(使用鼠标和键盘热键)。 这不起作用。我尝试了tab.getContent().requestFocus()-也不起作用。 关于当TabPane child处于焦点时更改选项卡:TabPane似乎得到了KeyEvent,但因为它不在焦点中(textArea处于焦点中),它只是跳过了这个事件。也许我可以通过在TabPan

  • 您好,我正在使用selenium单击链接,通常使用在线web应用程序。 当我单击打开新选项卡的特定链接并在新打开的选项卡中执行操作时,我会遇到问题。我有以下代码: 之后,网络驱动程序(从我的眼睛)打开到新标签,而我不必调用 所以一切都好。新标签会在WebDrive上打开。当我尝试单击新打开的选项卡上的链接时,我得到一个“无元素”异常,这意味着它找不到我要找的元素。 两个问题: 1) webdriv

  • 当我像下面的例子一样点击选项卡2时,我如何将选项卡1 Neumorphic css翻译成选项卡2呢,就像从选项卡1滑到选项卡2一样? https://dribble.com/shots/10805627-neumorphic-tab

  • 问题内容: 我是JQuery的新手。在我的应用程序中,我具有以下内容: 当我单击一个Div时,该Div的颜色就会更改。在该Click函数中,我需要执行一些功能。毕竟,我想从Div中删除应用的CSS。如何在JQuery中做到这一点? 问题答案: 将您的CSS属性放入类中,然后执行以下操作: 然后在“其他功能”执行以下操作:

  • 问题内容: 如何从选择框中删除项目或向其中添加项目?我正在运行jQuery,这应该使任务更轻松。下面是一个示例选择框。 问题答案: 删除一个选项: 添加一个选项: