下拉悬停状态以在悬停在子项上时保持活动状态（文本）

【问题标题】：Dropdown Hover State to stay active while hovering over child (text)下拉悬停状态以在悬停在子项上时保持活动状态（文本）
【发布时间】：2016-08-28 07:42:58
【问题描述】：

当我将光标移动到下拉菜单中的子项时，我试图保持文本按钮的悬停 CSS 状态，但似乎找不到正确的解决方案？

当我将光标向下移动到子项上时，除了父项变回正常状态外，一切都很好。

CSS

.btn-primary {
  color: #585a5c;
  background-color: #ffffff;
  border-color: #ffffff;
  font-family:engravers;
  font-size:13px;
  text-align:center;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #585a5c;
  background-color: #ffffff;
  border-color: #ffffff;
  font-family:timesitalic;
  font-size:15px;
  text-transform: capitalize;
}

HTML

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Gallery Of Images
    <!--<span class="caret"></span>--></button>
    <ul class="dropdown-menu">
        <li><a href="gallery/1.html">ONE</a></li>
        <li><a href="gallery/2.html">TWO</a></li>
    </ul>
</div>

【问题讨论】：

• jsfiddle.net/2m0hxnkn。您是否包括 jQuery 和 Bootstrap javascript 文件？还是您指的是应该是白色的背景颜色变成深蓝色？
• 这里一切正常，li itens（子元素）保持风格。
• 是的，包含 jQuery。将鼠标悬停在子元素
• .
上时，我试图保持字体系列和大小相同