如何使用UIBinder在GWT中为Anchor添加样式?我在UiBinder模板
XML中有以下代码:
<g:Anchor ui:field="forgotPassLink">Forgot password?</g:Anchor>
我知道.gwt-Anchor {}用于为这个小部件设置样式,但仍然不知道如何设置悬停效果的样式.在普通的CSS中,它会像这样:
a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */
我是否必须使用Anchor上的BlurEvent和FocusEvent处理程序来处理这个问题?如果是这样……那就是样板代码..
解决方法
与gwt-Anchor类使用相同的CSS伪类:
.gwt-Anchor:link {color:#FF0000;} .gwt-Anchor:visited {color:#00FF00;} .gwt-Anchor:hover {color:#FF00FF;} .gwt-Anchor:active {color:#0000FF;}
您也可以使用a.gwt-Anchor,但这不是必需的.