RAP开发入门-主题更换

通过配置扩展点修改应用主题

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

  

posted @ 2015-07-09 12:04  wykCN  阅读(335)  评论(0编辑  收藏  举报