如何使用jqueryui在关闭对话框按钮周围摆脱这个蓝色光环？

Question

我正在使用jquery ui创建一个对话框，导入this style sheet。关闭按钮周围有这个烦人的光环。我无法摆脱它，因为一旦我点击光环就会消失（jquery ui的某种操作） - 所以我看不到相关的css规则。我尝试从chrome扩展中选择颜色（然后在css文件中搜索它）但是一旦我点击它就会消失。

如何让光环消失？回到默认的x就好了。

Answer 1

试一试：

.ui-button:focus { outline:none !important }

Answer 2

这确实是由outline属性引起的。 Chrome和Internet Explorer似乎会自动为所有焦点元素添加大纲。我没有找到任何关于Firefox的东西。以下是使用Chrome Inspector的方法：

如果您不希望它出现在那里，您只需使用:focus选择器定位元素并设置outline:none;。