Javafx 表格行边框导致内部元素移动

Question

我正在尝试为选定的表格行添加红色边框，并且该行中的元素正在移动。

这是我的CSS:

.my-table .table-row-cell:filled:selected {
    -fx-border-color: red;
}

这是它的截图。

我该如何纠正这个问题？我试过更改边框插图，但似乎没有效果。

-fx-background-insets: 0, 1 ;

创建表的代码是:

<TableView styleClass="my-table" editable="false" >
    <columns>
        <TableColumn fx:id="columnNumber" minWidth="70" prefWidth="70" sortable="false" text="Solution" />
        <TableColumn fx:id="columnOne" minWidth="0" prefWidth="40" sortable="false" text="columnOne" />
        <TableColumn fx:id="columnTwo" minWidth="40" prefWidth="40" sortable="false" text="columnTwo" />
        <TableColumn fx:id="columnThree" minWidth="70" prefWidth="70" sortable="false" text="columnThree" />
        <TableColumn fx:id="columnFour" minWidth="40" prefWidth="40" sortable="false" text="columnFour" />
        <TableColumn fx:id="columnFive" minWidth="80" prefWidth="80" sortable="false" text="columnFive" />
        <TableColumn fx:id="columnSix" minWidth="80" prefWidth="80" sortable="false" text="columnSix" />
        <TableColumn fx:id="columnSeven" minWidth="80" prefWidth="80" sortable="false" text="columnSeven" />
        <TableColumn fx:id="columnEight" minWidth="180" prefWidth="180" sortable="false" text="columnEight" />
        <TableColumn fx:id="action" minWidth="100" prefWidth="100" sortable="false" text="" />
    </columns>
</TableView>

应用的样式是:

.table-view {
    -fx-table-cell-border-color: transparent;
}

Answer 1

她的是一个肮脏的修复:

 .my-table .table-row-cell:filled:selected {
    -fx-border-color: red;
    -fx-border-insets: 0 -1 0 -1;
}

或者

.my-table .table-row-cell:filled:selected {
    -fx-border-color: red;
    -fx-padding: -1;
}