背景顏色下降使用css

我有一個代碼，我在一個下拉框使用CSS給藍色的背景顏色。背景顏色下降使用css

我寫的代碼爲我提供了TEXT的顏色，而不是特定行的全部區域。由於這些較長的單詞與較小的單詞相比顯示出更大的藍色背景顏色。

的Html進入如下

<div> 
<span style="font-weight:bold;">Name</span><span type="button" data-toggle="dropdown" data-target="#demo" ></span> 
<span class="dropdown" id="demo"> 
    <ul class="dropdown-menu"> 
     <li><a href="#/account">My Account</a></li> 
     <li><a href="#/referral">My Referrals</a></li> 
     <li><a href="#/payment">My Payments</a></li> 
     <li><a href="#/impersonation">Impersonate</a></li> 
     <li><a href="#/logout" >Sign Out</a></li> 
    </ul> 
</span> 
</div>

示例CSS去如下

#demo >.dropdown-menu > li > a:hover, 
#demo > .dropdown-menu > li > a:focus{ 

background-color:#37c6f5; 
text-decoration: none; 
color: #ffffff; 
}

此代碼更改文字的背景色。無論單詞的長度如何，我都希望每個單詞具有相同的背景顏色長度。

在此先感謝。

來源

2016-12-06 Harsha Jasti

你能不能把你的html代碼放在這裏。 –

也加入了html代碼的樣本部分 –

代碼不完整，我想你可能使用了一些JS。但有了給定的信息。我認爲你可以使用一些CSS來改變背景並從當前的CSS中移除背景顏色屬性。是這樣的：'#demo> .dropdown菜單>利：懸停， #demo> .dropdown菜單>利：焦點{ 背景色：＃37c6f5; } #demo> .dropdown-menu> li> a：hover， #demo> .dropdown-menu> li> a：focus { text-decoration：none; color：#ffffff; }' –

使用帶有href標記的display: block;。例如

#demo >.dropdown-menu > li > a{ 
    display: block; 
}

來源

2016-12-06 11:23:19

對不起，這沒有改變任何東西 –

背景顏色下降使用css

回答

相關問題