css – 如何在GWT中设置锚点样式?

前端之家收集整理的这篇文章主要介绍了css – 如何在GWT中设置锚点样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用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,但这不是必需的.

猜你在找的CSS相关文章