GWT:如何应用CSS3渐变

前端之家收集整理的这篇文章主要介绍了GWT:如何应用CSS3渐变前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的任务是构建Web应用程序的前端,我要做的是在Button上应用 CSS3渐变.我正在使用Eclipse和GWT插件,我正在使用GWT插件在Google Chrome中查看UI.

我的问题是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,#72C6E44%,lefttop,lefbottom,#72C6E4));

这使他们无效.还有另一种方法可以解决这个问题,或者可能是一种在编译应用程序时防止删除空格的方法吗?谢谢.

解决方法

你必须使用literal()函数.我相信它可能只适用于通过aCssResource使用的样式作为GWT函数.
background: -webkit-gradient(linear,literal("left top"),literal("left bottom"),to(#0C5FA5) );

我前一段时间对此进行了窃听here但是没有得到GWT团队的任何回复,所以如果您认为它是一个有效的错误,请将其加星标.

另外,作为旁注,这些样式不适用于旧版本,即需要添加过滤器属性.这是example.

猜你在找的CSS相关文章