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

Question

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

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

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

这是我的 FXML 代码

<?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>

Answer 1

默认情况下，modena.cssListView 没有边框属性，但有两种带有插图的背景颜色。

摩德纳.css

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

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