自定义表单元格边框

Question

如果您查看modena.css，您可以看到如何指定默认TableCell的边框：

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

正如您所看到的那样，边框是透明的，而右侧的颜色是由-fx-table-cell-border-color指定的。

我希望右侧的边框有两种不同的颜色。 -fx-table-cell-border-color用于除了我想要红色的最底部像素之外的所有像素。

是否有指定边框由多种颜色组成？

Answer 1

这个怎么样：

.table-cell {
    -fx-border-color: transparent 
        linear-gradient(to bottom, -fx-table-cell-border-color 95%, 
                                   red 95%) 
        transparent 
        transparent;
}

注意95％，取决于行的高度，你可以将它增加到95％+。

我已经包含了两个表的这个（缩放的）图片，一个是常规css（左），一个是这个css（右）。红色像素就在角落里。