首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用主颜色JavaFX填充所选ComboBox单元格的一角

用主颜色JavaFX填充所选ComboBox单元格的一角
EN

Stack Overflow用户
提问于 2018-10-27 01:00:07
回答 1查看 66关注 0票数 1

是否可以用主颜色填充所选ComboBox单元格的角(它保持白色,而不是#2f4f4f)。

下面是我的CSS代码:

代码语言:javascript
复制
 .combo-box {   
     -fx-border-color: #000000;
     -fx-border-width: 1;
     -fx-background-radius: 0;
     -fx-background-color: #2f4f4f;
     -fx-font-family: "Arial";
     -fx-font-size: 12px;
     -fx-text-fill: #ffffff;
     -fx-background-insets: 0;
     -fx-alignment: center;
     -fx-content-display: center;
 }

 .combo-box > .cell {   
     -fx-text-fill: #ffffff;
     -fx-alignment: center;
 }

 .combo-box:hover {   
     -fx-background-color: #87cefa;
 }

 .combo-box-popup .list-view .list-cell {
     -fx-background-color: #2f4f4f;
     -fx-text-fill: #ffffff;
     -fx-text-alignment: center;
 }

 .combo-box-popup .list-view .list-cell:filled:selected, 
 .combo-box-popup .list-view .list-cell:filled:selected:hover {
     -fx-background: #2f4f4f;
     -fx-background-color: #87cefa;
     -fx-text-fill: #ffffff;
     -fx-text-alignment: center;
 }

 .combo-box-popup .list-view .list-cell:filled:hover {
     -fx-background-color: #87cefa;
     -fx-text-alignment: center;
     -fx-background-radius: 10.0;
 }

enter image description here

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-28 02:32:22

将这个添加到你的CSS样式中:

代码语言:javascript
复制
.combo-box-popup .list-view {
    -fx-background-color: #2f4f4f;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53013327

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档