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

时间:2011-08-12 13:15:10

标签: jquery jquery-ui user-interface dialog

我想在我的自定义按钮中使用jquery对话框,但我不希望第一个按钮被设置为像点击它一样...

同样在这里: http://jqueryui.com/demos/dialog/#modal-confirmation 如果您不做任何操作,“删除所有项目”按钮将以橙色显示。如果单击页面上的任何位置,此样式将消失。

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

1 个答案:

答案 0 :(得分:3)

这里的颜色表明更多。橙色表示当前的焦点。这有助于使用键盘支持,这意味着如果按Enter键,该按钮将被激活;正如所料,两个按钮之间的标签功能正如您所期望的那样。

考虑到这一点,有两种选择:

  1. 生成对话框时从按钮中移除焦点。
  2. 使用ui-state-focus设置按钮的样式,以区别于ui-state-hoverui-state-active
  3. 我认为从那时起消除焦点是不明智的,你会混淆键盘支持。相反,通过采用键盘支持来采用侵入性较小的方法。设置jQuery UI维护的类的样式,以便在按钮外观上提供细微差别,从而使行为更加明显。