CSS樣式LI和FORM裏面的標籤LI

我在嵌入到FORM中時遇到了一些難題，如下面的例子所示。我想LI> FORM> A看起來與LI相同> FORM> A：CSS樣式LI和FORM裏面的標籤LI

<ul class="dropdown-menu"> 
    <li>@Html.ActionLink("Change Password", "Manage", "Account")</li> 
    <li><a href="#">Another action</a></li> 
    <li><form><a href="">Log Off</a></form></li> 
    <li role="separator" class="divider"></li> 
    <li>@Html.ActionLink("Register", "Register", "Account")</li> 
</ul>

我有的CSS來自Twitter Bootstrap。下面是我希望的工作的CSS ...但沒有風格化的方式的標籤：

.dropdown-menu > li > form > a:hover, 
.dropdown-menu > li > form > a:focus, 
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus { 
    color: #262626; 
    text-decoration: none; 
    background-color: #f5f5f5; 
}

來源

2015-11-27 chrisdyck

編輯：我想LI> FORM>一個看起來一樣LI >答： – chrisdyck

您應該使用更正來修改您的文章，而不是將它們置於評論中。該鏈接在帖子的標籤下方 – BSMP

我也無法複製您的問題。如果我運行此代碼，它會改變懸停和焦點上的顏色。 – BSMP

你有問題，風格化它或縮小懸停？懸停，我看不出任何問題。如果你有問題的時候了懸停，你可以這樣做：

.dropdown-menu > li > a, 
.dropdown-menu > li > form > a{ 
    color: #262626; 
    text-decoration: none; 
}

來源

2015-11-27 03:06:49

CSS樣式LI和FORM裏面的標籤LI

回答

相關問題