jquery UI 对话框默认第一个按钮样式

Question

我想将 jquery 对话框与我的自定义按钮一起使用，但我不希望第一个按钮的样式像单击它一样...

这里也一样： http://jqueryui.com/demos/dialog/#modal-confirmation 如果您不执行任何操作，“删除所有项目”按钮将显示为橙色。如果您单击页面上的任意位置，此样式将消失。

在我的应用程序中，无论有多少按钮，第一个按钮总是会发生同样的事情......那么我可以在不突出显示第一个按钮的情况下使所有按钮都相同吗？

Answer 1

这里的颜色表明了更多的东西。橙色表示当前焦点。这有助于使用键盘支持，这意味着如果您按下回车键，该按钮将被激活；正如预期的那样，两个按钮之间的 Tab 键功能与您预期的一样。

考虑到这一点，有两种选择：

1. 在生成对话时从按钮上移除焦点。
2. 使用ui-state-focus 为按钮设置样式，以将其与ui-state-hover 和ui-state-active 区分开来。

我会说移除焦点是不明智的，因为你混淆了键盘支持。相反，通过采用键盘支持来采用侵入性较小的方法。为 jQuery UI 维护的类设置样式，以提供按钮外观的细微差别，从而使行为更加明显。