0

現在、Bootstrap 3.0 ドロップダウン メニューを使用していますが、問題なく動作します。現在、テキストまたはその横のキャレットにカーソルを合わせると、メニューが表示されます。ただし、キャレットの上にカーソルを置いたときにのみドロップダウンが表示されるように変更したいと考えています。

私のコードは次のとおりです。

   <ul class="nav navbar-nav">
      <li class="dropdown">
         <a href='register'>Register Account</a>
         <a data-toggle="dropdown" class="dropdown-toggle"><b class="caret"></b></a>
         <ul class="dropdown-menu">
            <li><a>Bookmark</a></li>
            <li >Close</li>
         </ul>
       </li>
    </ul>

私のcssコードは次のとおりです。

li.dropdown a.dropdown-toggle {
    display:inline-block;
}

a.dropdown-toggle:hover{
    display: block;    
}
4

1 に答える 1

3

タグから「Register Account」テキストを削除してa、キャレットのみがリンク内にあるようにします。

<li class="dropdown">
    Register Account
    <a data-toggle="dropdown" class="dropdown-toggle">
        <b class="caret"></b>
    </a>
    ...
</li>

次に、キャレットをテキストと一致させるために、CSS を少し追加する必要があります。

li.dropdown a.dropdown-toggle {
    display:inline-block;
}
于 2013-10-23T10:57:33.037 に答える