JavaFX CSS：更改TabPane Tab标题形状

Question

我正在尝试更改try { List<ChartData> chartData = new List<ChartData>(); foreach (Scorebord item in scorebord.Take(100)) { chartData.Add(new ChartData(item.ColliQty, item.Datum)); } var json = JsonConvert.SerializeObject(chartData); return Json(json, JsonRequestBehavior.AllowGet); } catch (Exception ex) { return null; } 中的Tab标题形状，但是当我查看here中css的{​​{1}}引用时，我可以通过css找到Tab的可访问属性。我希望有一个梯形形状而不是矩形。知道如何完成这项任务吗？

Answer 1

您可以在任何情况下检查默认modena.css：

Location: internal-not-yet-present有CSS类：Tab

例如，将以下内容添加到CSS文件中：

.tab-pane > .tab-header-area > .headers-region > .tab

将导致以下结果：

对于梯形，您需要使用.tab-pane > .tab-header-area > .headers-region > .tab { -fx-background-radius: 20; } .tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator { -fx-border-radius: 20; } 属性：

-fx-shape

将导致：