0

Bootstrap には 2.2.1 で先行入力の継承に関するバグがありましたが、これは 2.2.2 で修正されています。

4

2 に答える 2

4

Bootstrap Typeahead ドロップダウンは、次の HTML を動的に生成します。

  <ul class="typeahead dropdown-menu">
      ...
      <li><a href="#">MATCHING RESULT</a></li>
      ...
  </ul>

適用されるデフォルトの CSS ルールは、1 つのスタイリング ドロップダウン メニューでもあります。

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #0081c2;
    ...
}

したがって、ドロップダウン メニューを変更せずに先行入力をオーバーライドするには、このルールの後にルールを追加する必要があります。bootstrap.css.* をロードした後、別のファイルに配置します。

.typeahead .active > a,
.typeahead .active > a:hover {
    color: white;

    /* Change the typeahead background color here if you'd like */
    background-color: Green;

    /* Turns off the default background gradients */
    background-image: none;
}

*ベスト プラクティスでは、本番環境に移行するときにすべての CSS を組み合わせて最小化することをお勧めしますが、.dropdown-menu ルールよりも具体的にしない限り、このルールは上記のルールの後に配置する必要があります。

于 2012-12-06T17:25:40.670 に答える
0

これは、bootstrap.css ファイルの 2838 行です。次のように変更します。

color: white;

.less ファイルを使用している場合は、dropdown.less ファイルを掘り下げる必要があると思います。その場合は、「.dropdown-menu li > a:focus, .dropdown-submenu:hover > a {」をすばやく検索すると、その方法で見つけることができます。

于 2012-11-06T03:25:30.997 に答える