java - How to get rid of the grey selection border in JavaFX -
i'm working on project , use javafx 8 gui. when click text inside tab of tabpane, thin grey box appears around text seen in image below. when click somewhere else disappears. know how rid of box? preferably using css.
thanks in advance.
the css:
.tab-pane { -fx-background-insets: 0; -fx-padding: 0; } .tab-pane .headers-region { -fx-padding: 0; -fx-background-insets: 0; } .tab-header-area { -fx-padding: 0; -fx-background-insets: 0; } .tab-header-background { -fx-background-color: #9a3838; } .tab { -fx-background-color: #8b3333; -fx-padding: 5px 10px 5px 10px; -fx-background-radius: 0px; -fx-focus-color: transparent; -fx-font-size: 14px; } .tab:top { -fx-background-insets: 0; } .tab:hover { -fx-background-color: #b54343; } .tab:selected { -fx-background-color: #c24848; } .tab label { -fx-text-fill: white; -fx-focus-color: transparent; -fx-font-weight: bold; } .tab #searchfield { -fx-background-insets: 0; }
the grey rectangle region
style class .focus-indicator
, can hide with:
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator { -fx-border-color: transparent; }
Comments
Post a Comment