如何获得设计背景颜色和矩形的自定义按钮？

Question

我正在与GWT合作。我有一个要求，我需要显示按钮如下。请帮助我如何实现这一目标？

谢谢！

Answer 1

您可以使用GWT Button类并以您需要的方式进行设计。例如，如果你使用UiBinder的：

<g:Button ui:field="button" styleName="my-button"> 
    <ui:msg key="myButtonMsg">Button</ui:msg> 
</g:Button> 

用自己的CSS类像

.my-button { 
    background: green; 
    border: 1px solid green; 
    color: white; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    padding: 5px 15px 5px 15px; 
    font-weight: bold; 
} 

如果您需要的文本有白框周围再加入<span>左右按钮上的文字，并添加color: black;和background-color: white;属性为span。