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

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属性。