我希望能够通过CSS将悬停 colored颜色 分配给JavaFX中的SplitPane Divider.

我可以通过使用以下CSS来实现这一点:

.split-pane:horizontal > .split-pane-divider {
    -fx-background-color: transparent;
}
.split-pane:horizontal > .split-pane-divider:hover {
    -fx-background-color: lightblue;
}

然而:由于分隔符落后于光标,它会导致闪烁效果,因为每当分隔符赶上光标位置时,悬停就会触发—但当缓慢拖动时,它只是大量闪烁.

我希望悬停 colored颜色 应用于整个拖动分隔器.

有没有办法通过css实现这一点?我试了.split-pane-divider:focused.split-pane-divider:selected,但没有成功:

如果没有,有没有其他方法可以做到这一点?

谢谢!

推荐答案

Sai Dandem的解决方案是可行的,但由于James_D的 comments 而解决方案使它变得相当简单.感谢你们两个!

对于常规拆分面板:

.split-pane > .split-pane-divider {
    -fx-background-color: transparent;
}
.split-pane > .split-pane-divider:hover,
.split-pane > .split-pane-divider:pressed {
    -fx-background-color: lightblue;
}

Css相关问答推荐

基于子元素的子元素数量的样式元素

如何以Angular 将下拉面板的宽度与其文本框对齐

如何取消 CSS 伪类中的属性设置?

包含 N 个 React 组件的砌体网格

同时实现渐变文本和闪光文本效果是否可行?

为什么所有选项卡都没有显示在 React 的 MUI 选项卡组件中?

如何在 konvajs 中居中放置项目?

CSS动画移动divs upwords

tailwind css 中的自定义组状态

为什么 flexbox 中的 在应用居中时不会调整大小?

将 CSS 注入 Shadow 根.然而风格正在受到影响

你可以在 CSS 中扩展实体(entity)吗?

为什么我们将