Как удалить синий цвет в выбранной панели вкладок

Я работаю над проектом javafx, у меня есть интерфейс FXML, в котором я помещаю панель вкладок, когда я выбираю вкладку, граница выбранной кнопки окрашивается в синий цвет, но стиль, который я хочу, состоит в том, чтобы добавить белый цвет без границ.

Мое изображение здесь имеет синий контур. вкладка с синей рамкой

чтобы получить это изображение

вкладка без синей рамки

мой код 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
}

css javafx-8
person Oussama    schedule 07.02.2016    source источник
comment
возможно, уточните, что именно вы спрашиваете?   -  person Stewart_R    schedule 08.02.2016
comment
вау, что это за "-fx-"? Видел это 1-й раз в css   -  person kanudo    schedule 08.02.2016
comment
когда я выбираю вкладку, граница выбранной кнопки окрашивается в синий цвет, но я хочу, чтобы белый цвет не добавлял границы, я помещаю две фотографии выше.   -  person Oussama    schedule 08.02.2016
comment
@Oussama, я не знаю о «-fx-», друг, не могли бы вы сказать мне, для чего он используется?   -  person kanudo    schedule 08.02.2016

Ответы (2)


arrow_upward
2
arrow_downward

Чтобы найти таблицу стилей по умолчанию для tabPane, я нашел файл ‎jfxrt.jar на своем компьютере и открыл его в архиваторе, таком как WinRAR, чтобы получить ‎caspian.css по адресу com/sun/javafx/scene/. управление/кожа/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;
}
I changed the color -fx-focus-color: #0093ff; (blue color in selected tab)

person Oussama    schedule 28.03.2016

arrow_upward
-1
arrow_downward

Установите свойство контура на 0

.tab
{
   outline :0;
}
person kanudo    schedule 07.02.2016