[英]changing bootstrap btn css and hover action issue
我正在使用引導程序來構建導航菜單,並且將按鈕從主要類更改為反向類,在這里我進一步使用嵌入式CSS自定義反向類以適合我的外觀和感覺需求。
.btn-inverse {
background-color: transparent;
color: silver;
}
唯一的問題是,在鼠標懸停和下拉菜單上,該元素上的菜單標題幾乎保持不可見(幾乎不可見)
由於生成的html代碼是
<button class="btn btn-inverse active dropdown-toggle" data-toggle="dropdown" type="button">
Menu item
<span class="caret"></span>
</button>
我嘗試過
.btn-inverse :hover {
color: white!important;
}
但這沒有幫助。 有任何想法嗎?
:hover之前沒有空格
.btn-inverse:hover {
color: white!important;
}
嘗試這個
在使用懸停選擇器之前沒有空格(因為YangLi已經回答了),在這種情況下,您不需要!important
聲明。 如果按照您所說的那樣內聯,則也可以
.btn-inverse:hover {
color: white;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.