css - How to remove the blue color in selected tab pane -
i'm working on javafx project, have fxml interface put tab pane, when select tab , border of selected button colored in blue, style want let white color add no border.
my image here has blue outline.
to image
my css code styling tab pane:
.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 }
to find default stylesheet of tabpane, looked file jfxrt.jar in computer, , open in archiver winrar caspian.css @ com/sun/javafx/scene/control/skin/caspian.css. knowledge, can see there causes issue. caspian.css available online, here link javafx 2.2 version.
my need code below :
.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; }
Comments
Post a Comment