html鼠标悬停改变背景,html - 更改鼠标悬停行的背景颜色 - SO中文参考 - www.soinside.com...

一旦我们鼠标悬停在“货币”上，我们可以看到如下所示：

我需要的是，一旦我们鼠标悬停在特定货币[行]上，它应该显示不同的背景颜色，如下所示。

.menuBackground {

background: brown;

text-align: center;

}

.dropDownMenu a {

color: #FFF;

}

.dropDownMenu,

.dropDownMenu ul {

list-style: none;

margin: 0;

padding: 0;

}

.dropDownMenu li {

position: relative;

}

.dropDownMenu a {

padding: 10px 20px;

display: block;

text-decoration: none;

}

.dropDownMenu a:first-child {

color: #000;

}

.dropDownMenu > li {

display: inline-block;

vertical-align: top;

margin-left: -4px; /* solve the 4 pixels spacing between list-items */

}

.dropDownMenu > li:first-child {

margin-left: 0;

}

.dropDownMenu ul {

box-shadow: 2px 2px 15px 0 rgba(0,0,0, 0.5);

}

.dropDownMenu > li > ul {

text-align: left;

display: none;

background: green;

position: absolute;

top: 100%;

left: 0;

width: 240px;

z-index: 999999;

}

怎么样？