javascript - 我可以强制一个元素显示它的悬停效果吗？

Question

我在 angularjs 中创建一个表分页指令，我正在使用 Bootstrap 按钮来显示页码。由于我将此指令用于工作并可能与多个应用程序一起使用，因此我将其设为可定制。因此，我按钮上的所有类都绑定(bind)到我范围内的变量(基本上允许用户为每个按钮定义他们自己的类)。我的问题是，因为他们可以为按钮定义类，所以我无法为它们当前所在的页码类设置具体颜色。因此，例如，如果他们单击第 3 页，我希望更改第 3 页，以便他们知道他们在哪个页面上。当您将鼠标悬停在每个 Bootstrap 按钮上时使用的颜色将完美地工作，但仅当您将鼠标悬停在它们上时才应用。有没有办法强制当前页码显示用户选择的 Bootstrap 类的悬停属性？

这里是我想使用 ng-class 应用悬停类的地方(在 paginatedTable.html 中):

<button title="Page {{pageNumber}}" type="button" class="{{cndBtnNumbersClass}}" ng-repeat="pageNumber in cndPageNumbers"
        ng-click="cndTablePaginationNav(pageNumber)">{{pageNumber}}</button>

这是一个有效的 plnkr。如果您单击其中一个页码，它会在它获得焦点时应用样式，但一旦您单击关闭，它就不会再显示选择了哪个页码。

http://plnkr.co/edit/CHO6HbT4emM3VEwcNnzq?p=preview

提前感谢您的帮助!

Answer 1

不，但你可以伪造它。

.something:hover, .something.hover {
   ...some style ...
}

然后只需切换 hover CSS 类，CSS 就会像悬停一样表现。