GWT：如何應用CSS3漸變

我的任務是構建Web應用程序的前端，我試圖做的是在Button上應用CSS3漸變。我使用的是帶有GWT插件的Eclipse，我正在使用GWT插件查看Google Chrome中的UI。GWT：如何應用CSS3漸變

我的問題是，GWT似乎去掉空格括號之間，因此：

.gwt-Button { 
    background: -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5); 
    background:-webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));

變爲：

.gwt-Button { 
    background: -moz-linear-gradient(top,white,#72C6E44%,#0C5FA5); 
    background:-webkit-gradient(linear,lefttop,lefbottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));

這使得它們無效。有沒有另外一種方式去解決這個問題，或者是一種防止在編譯應用程序時刪除空格的方法？謝謝。

來源

2011-04-12 user703172

你必須使用literal（）函數。我相信它可能僅適用於通過aCssResource使用的樣式作爲其GWT函數。

background: -webkit-gradient(linear, literal("left top"), 
      literal("left bottom"), from(white), to(#0C5FA5));

我竊聽這一段時間以前here，但還沒有得到來自GWT隊任何迴應，所以請明星，如果你認爲它是一個有效的bug。另外，作爲一個附註，這些樣式不適用於舊版本的ie，您需要添加過濾器屬性。這是一個example。

來源

2011-04-12 14:44:44 John

也許我會那樣做。我很確定這是一個在圓括號裏面做的事，因爲正在分析正確的短消息。編輯：它僅供內部使用，因此只適用於壁虎和webkit瀏覽器。我通過在HTML文件中添加CSS文件來解決問題。 – user703172 2011-04-13 04:20:28

GWT：如何應用CSS3漸變

回答

相關問題