您的位置:首页 > 其它

RAP开发入门-主题更换

2015-07-09 12:04 453 查看
通过配置扩展点修改应用主题

ps:需要提前准备好主题(theme.css)文件
[align=left] <!-- 注册主题扩展点 -->[/align]
[align=left] <extension[/align]
[align=left] point="org.eclipse.rap.ui.themes">[/align]
[align=left] <theme[/align]
[align=left] file="theme/fancy/fancy.css"[/align]
[align=left] id="cn.sunline.lttsweb.application.theme"[/align]
[align=left] name="Default theme">[/align]
[align=left] </theme>[/align]
[align=left] <theme[/align]
[align=left] file="theme/business/business.css"[/align]
[align=left] id="cn.sunline.lttsweb.application.theme.business"[/align]
[align=left] name="Business theme">[/align]
[align=left] </theme>[/align]
[align=left] </extension>[/align]
[align=left] <!-- 绑定主题扩展点 -->[/align]
[align=left] <extension[/align]
[align=left] point="org.eclipse.rap.ui.branding">[/align]
[align=left] <branding[/align]
[align=left] body="body.html"[/align]
[align=left] favicon="icons/16-png.png"[/align]
[align=left] id="cn.sunline.lttsweb.application.branding"[/align]
[align=left] themeId="cn.sunline.lttsweb.application.theme.business"[/align]
[align=left] title="一体化管理平台">[/align]
[align=left] </branding>[/align]
[align=left] </extension>[/align]
[align=left]css定义控件效果语法[/align]

Button[PUSH], Button[TOGGLE] {
border: 2px solid blue;
color: rgb( 17, 23, 103 );
background-color: #f9f9f9;
}

Button[PUSH]:hover, Button[TOGGLE]:hover {
background-color: white;
}


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: