簡體   English   中英

更改引導程序btn css和懸停操作問題

[英]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;
}

何時使用重要的CSS聲明

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM