滚动窗格CSS不适用于滚动条JavaFx2.2

这是GridPane中我的滚动窗格的fxml

    <ScrollPane fx:id="scrollPane" prefHeight="200.0" prefWidth="200.0" style=".scroll-pane .track{-fx-opacity: 0;}&#10;.scroll-pane .scroll-bar{-fx-base: transparent;}" vbarPolicy="AS_NEEDED" styleClass="myscrollpane" GridPane.columnIndex="0" GridPane.rowIndex="1">
  <content>
  </content>
  <GridPane.margin>
    <Insets top="10.0" />
  </GridPane.margin>
</ScrollPane>

With myscrllpane是滚动窗格的类。

---

但这根本不起作用。i、 e直接在fxml中编写css或使用url嵌入css。由于我必须在滚动窗格的滚动条上应用此选项。

您不能在样式属性中指定css选择器，只能指定规则（即您不能执行style=“.Scroll bar.track{…}”，您只能执行类似style=“-fx opacity:0”）的操作。但是，当我测试这个时，外部样式表工作得很好。你确定你正确地应用了样式表吗？@James\D感谢James现在工作得很好，因为样式表的url不正确，所以你的评论很有帮助，因为它让我认为正确地嵌入了样式表。

.myscrollpane .scroll-bar:horizontal ,
.myscrollpane  .scroll-bar:vertical{
-fx-background-color:#d7dddd; 

}
.myscrollpane .increment-button ,
.myscrollpane .decrement-button {
-fx-background-color:transparent;
-fx-background-radius: 0em;
-fx-padding:0 0.5 0 0;

}
.mylistview  .scroll-bar .increment-arrow,
.mylistview  .scroll-bar .decrement-arrow {
-fx-shape: " ";
-fx-padding:0;
}
.myscrollpane .scroll-bar:horizontal .track ,
.myscrollpane .scroll-bar:vertical .track{
-fx-background-color: transparent;
-fx-border-color:derive(gray,80%);
-fx-background-radius: 0em;
}

.myscrollpane .scroll-bar:horizontal .thumb,
.myscrollpane .scroll-bar:vertical .thumb {

-fx-background-color : #989898;
-fx-background-insets: 1, 0, 0;
-fx-background-radius: 0em;

}
.myscrollpane .scroll-bar:horizontal:hover .track ,
.myscrollpane .scroll-bar:horizontal:pressed .track ,
.myscrollpane .scroll-bar:vertical:hover .track,
.myscrollpane .scroll-bar:vertical:pressed .track{
-fx-background-color: derive(#434343,20%);
-fx-opacity: 0.2;
-fx-background-radius: 0em;

}
.myscrollpane .scroll-bar .thumb:hover,
.myscrollpane .scroll-bar .thumb:pressed{
-fx-background-color: derive(black,50%);
}