更改鼠標移過行的背景顏色

請在左上角訪問link，您可以看到文字「貨幣」。一旦您將鼠標懸停，你可以看到如下的下拉：更改鼠標移過行的背景顏色

我需要的是一旦我們沉思，過上特定貨幣[行]，它應該表現出不同的背景顏色像下面。

<style type="text/css"> 
.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; 
} 
</style>

來源

2016-05-05 fresher

使用懸停的樣式，你就完成了。 –

其良好的不添加錨標記的顏色li因爲你已經風格錨的顏色，所以只需添加懸停CSS錨，你會看到你想要的東西。

.dropDownMenu li a:hover { 
    background: #fff; /*Your color*/ 
    color: #000; /*Your color*/ 
}

來源

2016-05-05 06:00:52

它很好，你給出的答案，但它會很好，如果你也會添加一點點的解釋。 –

你可以請檢查：http://stackoverflow.com/questions/37269248/display-background-color-for-the-page-align-texts-at-center – fresher

試試這個，對特定行懸停效果如下：

而改變背景顏色爲貨幣李懸停綠白色。

.dropDownMenu > li > ul { 
    background: white none repeat scroll 0 0; 
    display: block !important; 
    left: 0; 
    position: absolute; 
    text-align: left; 
    top: 100%; 
    width: 240px; 
    z-index: 999999; 
} 

ul.dropDownMenu li ul li:hover { 
    background-color: green; 
}

來源

2016-05-05 06:01:14 Jainam

爲什麼你在複雜的代碼中做小事？而你仍然沒有提到解釋。 –

當你想要做的是給UL LI的風格，然後考慮爲父>子。所以你需要改變背景顏色和顏色懸停的李。

.dropDownMenu a:hover { 
    color: #000; 
    background: #fff; 
}

我做的是，我給你的下拉菜單懸停css。您可以根據>選擇器爲更多的孩子做。

來源

2016-05-05 06:02:42

只需添加以下CSS將使您的預期輸出。

#select-language ul li:hover 
{ 
    background-color:white 
}

來源

2016-05-05 06:06:03 ketan

更改鼠標移過行的背景顏色

回答

相關問題