Question

是否有人可以告诉我推送PushButton后出现的蓝色边框来自何处？

我真的想要覆盖那种行为，不知道在哪里或如何

更新：

我所说的效果在Safari上显示为蓝色，在Chrome上显示为橙色，对Mozilla没有影响

按下按钮一次就会出现，最好的解释方法是http://gwt.google.com/samples/Showcase/Showcase.html#!CwCustomButton

Answer 1

应在相应的样式表中定义此行为。如果您检查将在/trunk/user/src/com/google/gwt/user/theme/standard/public/gwt/standard/standard.css中的GWT源。它也在其他主题中定义。

你应该做的是定义你自己的风格

.my-PushButton
{
    border                      :   1px solid #666;
    padding                     :   0 10px;
}
.my-PushButton-down-hovering
{
    background-color            :   #aaf;
}
.my-PushButton-up-hovering
{
    background-color            :   #afa;
}

然后

PushButton btn = new PushButton(...);
widget.setStylePrimaryName("my-PushButton");

希望这有帮助。

Answer 2

你是在谈论任何元素聚焦时出现的“聚焦环”吗？

您可以使用outline一组CSS属性进行调整：http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 但是请注意，完全删除它是不好的做法（重新访问），因为你删除了按钮是否聚焦的任何指示，顺便说一下，哪个元素是聚焦的，如果有的话。

GWT按钮蓝色边框行为

2 个答案: