如何獲得設計背景顏色和矩形的自定義按鈕？

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。