css: как изменить цвет строки таблицы после того, как она была выбрана и нажата

У меня есть .css, когда выбрана строка, и это нормально.

строка при нажатии

Однако, когда я нажимаю на строку, она меняет цвет строки на серый с черным шрифтом, есть ли способ отредактировать этот css?

строка при отключении

.table-view {
    -fx-base: transparent;
    -fx-control-inner-background: transparent;
    -fx-background-color: #507CA6;
    -fx-padding: 5;
}

.table-view .column-header-background {
    -fx-background-color: transparent;
}

.table-view .column-header, .table-view .filler {
    -fx-size: 35;
    -fx-border-width: 0 0 1 0;
    -fx-background-color: transparent;
    -fx-border-color: #B4D9FD;
    -fx-border-insets: 0 10 1 0;
}

.table-view .column-header .label {
    -fx-font-size: 14pt;
    -fx-font-family: "Segoe UI Light";
    -fx-text-fill: white;
    -fx-alignment: center-left; 
    -fx-opacity: 1;
}

.table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: #273D51;
}

Любая помощь будет оценена по достоинству.


person Davidaj    schedule 29.04.2015    source источник
comment
Как выглядит ваш HTML и CSS?   -  person MLeFevre    schedule 29.04.2015
comment
Если вы используете CSS, у вас есть следующие селекторы :active :focus :hover. Да, пожалуйста, опубликуйте свой код.   -  person odedta    schedule 29.04.2015
comment
как минимум опубликуйте свой код...   -  person Andrea Ligios    schedule 29.04.2015
comment
@AndreaLigios, извините, совсем забыл добавить, мой плохой.   -  person Davidaj    schedule 29.04.2015
comment
@MLeFevre извиняется, думал, что добавил это.   -  person Davidaj    schedule 29.04.2015
comment
Удалите последнее правило. Конец истории   -  person Andrea Ligios    schedule 29.04.2015
comment
@AndreaLigios Боюсь, это не конец истории, серая строка все еще там, когда вы щелкаете по столу   -  person Davidaj    schedule 29.04.2015
comment
Ребят извините, вопрос про CSS в JavaFX. Итак, отредактировал тег..   -  person Uluk Biy    schedule 29.04.2015


Ответы (2)


Попробуй это:

/* When control is selected but not focused */
.table-row-cell:filled:selected,
.table-row-cell:filled > .table-cell:selected {
    -fx-background: red;
}
person Uluk Biy    schedule 29.04.2015

сначала создайте выбранный класс, чем используйте этот скрипт, я всегда использую этот $("tr").click(function(){ $(this).addClass("selected").siblings().removeClass("selected" ); });​

person UI-UX    schedule 29.04.2015