我正在尝试创建一个肉桂 CSS 主题，但我遇到了一个非常奇怪的问题。
正如您在下面看到的，我已将.menu-application-button:hover和.menu-application-button-selected的背景颜色属性设置为#3478db。
这工作正常，除非存在滚动条，其中背景显示为白色。这很奇怪，因为我根本没有在菜单代码中将任何东西设置为白色。我已经尝试使用!important，但问题仍然存在。
这只是我犯的一个愚蠢的错误，还是肉桂中的错误？如果这是一个错误，我该如何解决？
这是菜单代码：
/* ===================================================================
* Menu (menu.js)
* ===================================================================*/
.menu-favorites-box {
width: 50px;
margin: auto;
padding: 10px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: rgba(85,85,85,0.1);
transition-duration: 100;
}
.menu-favorites-button {
padding: 10px;
}
.menu-favorites-button:hover {
padding: 10px 4px 10px 16px;
}
.menu-help-button {
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
}
.menu-help-button:hover {
color: white;
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.12);
background-gradient-end: rgba(255,255,255,0.06);
box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.12);
border-radius: 3px;
}
.menu-places-box {
padding: 10px;
}
.menu-places-button {
padding: 10px;
}
.menu-categories-box {
padding-top: 15px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 0px;
}
.menu-applications-box {
padding-top: 15px;
padding-left: 10px;
padding-right: 15px;
padding-bottom: 0px;
}
.menu-application-button {
height: 36px;
padding: 0px 7px;
}
.menu-application-button:hover,
.menu-application-button-selected {
height: 36px;
padding: 0px 7px;
color: rgba(255,255,255,1);
background-color: #3478db;
border-color: #3374D4;
}
.menu-application-button-label:ltr {
padding-left: 5px;
}
.menu-application-button-label:rtl {
padding-right: 5px;
}
.menu-category-button {
height: 36px;
padding: 0px 7px;
}
.menu-category-button-greyed {
height: 36px;
padding: 0px 7px;
color: #aaa;
}
.menu-category-button-selected {
height: 36px;
padding: 0px 7px;
background-color: #3478db;
color: rgba(255,255,255,1);
border-color: #3374D4;
}
.menu-category-button-label:ltr {
padding-left: 5px;
}
.menu-category-button-label:rtl {
padding-right: 5px;
}
/* Name and description of the currently hovered item in the menu
* This appears on the bottom right hand corner of the menu*/
.menu-selected-app-box {
padding-right: 30px;
padding-left: 28px;
text-align: right;
}
.menu-selected-app-title {
font-weight: bold;
color: #4784de;
}
.menu-selected-app-description {
max-width: 150px;
color: #333;
}
.menu-search-box:ltr {
padding-left: 15px;
}
.menu-search-box:rtl {
padding-right: 15px;
}
#menu-search-entry {
border-image: url("entry.png") 5;
color: #333;
caret-color: #333;
font-size: 12pt;
caret-size: 1px;
selected-color: white;
selection-background-color: #4784de;
padding: 0px 8px;
width: 15em;
height: 30px;
}
.menu-search-entry-icon {
icon-size: 1em;
color: #333;
}
.menu-context-menu {
}
如需完整代码，请访问http://pastebin.com/yTCF0b9f。