0

我用 ThemeRoller 创建了一个自定义主题。我现在想自定义复选框，以便它们的活动状态与 ThemeRoller 中选择的“可点击：活动状态”颜色不同。尽管搜索了自定义主题提供的各种 css 文件，但我终生无法弄清楚如何做到这一点。我什至找不到自定义颜色的存储位置。请哪位好心人告诉我该怎么做？谢谢！！

4

1 回答 1

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}*/;
}

这可以在以下位置找到：

  • 开发包/主题/base/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）。

于 2010-10-22T18:12:50.017 回答