我可以强制一个元素显示其悬停效果吗？

Question

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

这是我想使用 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 ...
}

然后只需切换hoverCSS 类，CSS 就会像悬停一样运行。