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

发布于 2024-09-29 00:01:01 字数 161 浏览 2 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

死开点丶别碍眼 2024-10-06 00:01:01

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

可以在以下位置找到：

development-bundle/themes/base/jquery.ui.theme.css

或

development-bundle/themes/custom-theme/jquery-ui-1.8.5.custom.cssdevelopment
-bundle/themes/custom- theme/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）。~~

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

This is found in:

development-bundle/themes/base/jquery.ui.theme.css

development-bundle/themes/custom-theme/jquery-ui-1.8.5.custom.css
development-bundle/themes/custom-theme/jquery.ui.theme.css

When you use ThemeRoller to create your custom theme, it generates the image development-bundle/themes/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png, where ffffff is replaced with your custom "Clickable: active state" color. The problem you may encounter is that since this image is generated on the fly (to provide the texture), you must change the background color and also either: