如何讓UiBinder樣式與.css文件相同？

我對這個模糊的標題表示歉意，但我想不出一個更好的方式來問它。我會盡量做到非常具體：如何讓UiBinder樣式與.css文件相同？

所以我們可以說我創建了一個新的GWT/AppEngine應用程序並且有默認的示例應用程序。我看到按鈕，並決定他們很好，我想用它們。在CSS文件中給出的按鈕樣式是：

button.send { 
    margin-top: 10px; 
    float: right; 
    padding: 10px 14px; 
    font-size: 12px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #fff; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9AFE), 
     to(#4785E8)); 
    background: -moz-linear-gradient(top, #5D9AFE, #4785E8); 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    border: none; 
} 

button.send:active { 
    margin-top: 10px; 
    float: right; 
    padding: 10px 14px; 
    font-size: 12px; 
    font-weight: bold; 
    text-transform: uppercase; 
    color: #fff; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4785E8), 
     to(#5D9AFE)); 
    background: -moz-linear-gradient(top, #4785E8, #5D9AFE); 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    border: none; 
} 

button.centerbtn { 
    float: none; 
    display: inline; 
    margin: 0 auto; 
} 

button.centerbtn:active { 
    float: none; 
    display: inline; 
    margin: 0 auto; 
}

但如果我嘗試使用UiBinder的這些裏面，他們不會自動應用到按鈕。即使我通過設置它的樣式手動將其應用於按鈕，它也不會在點擊它時改變視覺效果（如彈出和彈出）。

我有渴望能夠做到這還不夠，我想我會問，因爲我試圖做類似的事情有彈出窗口，對話框等

來源

2011-11-23 spierce7

你如何設置按鈕的風格？它應該工作（注意，你必須在你的漸變周圍使用'literal（）'，因爲CssResource - 由UiBinder的ui使用：style-使用CSS2解析器，它不支持大多數CSS3語法） –

不知道，但我認爲你可以有條件的CSS在你的UiBinder文件，就好像它們是一個CSS資源。（你會發送一點點到每個瀏覽器，但正確的部分） –

把文字（）根據上面的人的評論來修正它，就像編程式地改變類名一樣。

來源

2011-11-23 20:13:45 spierce7

另外，如果你在CSS中使用條件標記，確保它在任何CSS語句之前，通過將它放在文件的頂部，或GWT解析器將失敗。這不在文檔中。 –

如何讓UiBinder樣式與.css文件相同？

回答

相關問題