Fatal编程技术网
  • gwt/
  • Gwt 如何使用背景色和矩形设计自定义按钮？

Gwt 如何使用背景色和矩形设计自定义按钮？

gwt

Gwt 如何使用背景色和矩形设计自定义按钮？,gwt,Gwt,我和GWT一起工作。我有一个要求，我需要显示按钮如下。请帮助我如何实现这一点 谢谢 您可以使用GWT类并根据需要对其进行样式设置。例如，如果您正在使用UiBinder： <g:Button ui:field="button" styleName="my-button"> <ui:msg key="myButtonMsg">Button</ui:msg> </g:Button> 如果需要文本周围有白色框，则在按钮文本周围添加，并添加颜色：

我和GWT一起工作。我有一个要求，我需要显示按钮如下。请帮助我如何实现这一点

谢谢

您可以使用GWT类并根据需要对其进行样式设置。例如，如果您正在使用UiBinder：

<g:Button ui:field="button" styleName="my-button">
    <ui:msg key="myButtonMsg">Button</ui:msg>
</g:Button>
如果需要文本周围有白色框，则在按钮文本周围添加
，并添加
颜色：黑色和
背景色：白色span
按钮的code>properties也有很好的特性-您可以在uibinder中将up、hover、down等状态定义为（我认为）任意HTML

.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;
}