如何从ListView（或TableView）中删除边框？

Question

问题是ListView边框处的灰线。我设置了边框颜色透明，但它不起作用。如果我将边框颜色设置为黑色，则只绘制在灰线顶部。

＆＃13;

＆＃13;

.root {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

#wordsList {        
    -fx-border-color: transparent;
}

＆＃13;

＆＃13;

＆＃13;

这是我的FXML代码

＆＃13;

＆＃13;

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import h.*?>
<?import javafx.scene.layout.*?>

<Tab xmlns="http://javafx.com/javafx"
     xmlns:fx="http://javafx.com/fxml" closable="false">
    <text><Constants fx:constant="SECOND_TAB_NAME"/></text>
    <HBox>
        <ListView fx:id="wordsList" prefWidth="250">        
        </ListView>
    </HBox>
</Tab>

＆＃13;

＆＃13;

＆＃13;

Answer 1

默认情况下modena.css ListView没有border属性，但有两个带有insets的背景颜色。

<强> Modena.css

.list-view {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-padding: 1;
}

用您想要的颜色（白色或透明）替换-fx-box-border以删除边框。