覆盖GWT中的用户代理（Chrome）默认样式

Question

我有一个TabBar，在最后一次Chrome升级（32.0.1700.76 m）后显示焦点标签上的轮廓：

在过去的版本中没有。为了恢复旧视图我试图在CSS中设置一些轮廓，如下所示：

.gwt-TabBar .gwt-TabBarItem:focus {
outline: lime auto 5px !important;
}

（石灰只是为了看它是否有效）。

即使是这个编辑，计算出的样式仍然是默认值（-webkit-focus-ring-color auto 5px; ）：

如何覆盖此用户代理样式？

修改

我认为蓝色轮廓不是HTML（div）：

我想放的那个是TabBar Item对象：

老实说，我不知道为什么Churro解决方案之前有效：（

Answer 1

我尝试使用以下CSS来突出显示此Stackoverflow页面上的textarea，并且它有效：

.wmd-input:focus {
    outline: lime auto 5px !important;
}

确保:focus前面的选择器正确无误。

修改

我在自己的GWT应用程序中查看了一个TabPanel。在TabBarItem中围绕它获取蓝色环的元素是包含选项卡文本的Label（div），而不是gwt-TabBarItem。

尝试使用此选择器：.gwt-TabBar .gwt-TabBarItem-selected .gwt-Label:focus