JQuery ThemeRoller自定义主题进一步定制

时间:2010-10-22 17:46:16

标签: jquery checkbox themeroller

我使用ThemeRoller创建了一个自定义主题。我现在想要自定义复选框,以便它们的活动状态与在ThemeRoller中选择的“可点击:活动状态”不同。尽管拖曳了自定义主题提供的各种css文件,但我无法为我的生活找到如何做到这一点。我甚至无法找到自定义颜色的存储位置。请有些善意的灵魂告诉我该怎么做?谢谢!

1 个答案:

答案 0 :(得分:1)

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa/*{borderColorActive}*/;
  background: #cccccc/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #212121/*{fcActive}*/;
}

可在以下网址找到:

  • 发展束/主题/碱/ jquery.ui.theme.css

  • 发展束/主题/定制主题/ jquery的-UI-1.8.5.custom.css
  • 发展束/主题/自定义主题/ jquery.ui.theme.css

当您使用ThemeRoller创建自定义主题时,它会生成图像 development-bundle / themes / custom-theme / images / ui-bg_glass_65_ffffff_1x400.png ,其中ffffff将替换为您的自定义“可点击:活动状态“颜色。您可能遇到的问题是,由于此图像是即时生成的(为了提供纹理),您必须更改背景颜色,并且还要:

  • 删除背景图片(没有纹理和纯色)
  • 制作您自己的背景图片
  • 在新主题中重新生成图像并将其添加到图像目录

根据该网站,Checkbox将作为jQuery UI 1.9的一部分实现。 http://jqueryui.com/development

<击>

ThemeRoller可能使用最新的稳定版本(jQuery UI 1.8.5)。