1

如何在dijit.form.ComboBox或dijit.form.FilteringSelect的 ▼ 标志处添加/替换一些图片

鼠标移入移出时图片可以切换。

以及如何更改 ComboBox 的弹出窗口的背景颜色。

喜欢这个网站

（我需要像从那个站点复制原件一样。但是这个站点使用自定义小部件然后我不知道如何获取源代码。）

如果有人知道如何定制这样的，请教我。谢谢。

4

2 回答 2

4

更改 Dojo 小部件的外观和感觉是使用主题完成的。 http://dojotoolkit.org/reference-guide/1.7/dijit/themes.html

您可以在http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html看到默认发布的主题 （注意：此页面基于夜间构建，因此有时会损坏）

使用 CSS 应用主题。
我会创建自己的 CSS 样式表。将主题名称添加到正文节点。 

<body class="tundra myTheme">

您正在寻找的特定 css 是

.myTheme .dijitComboBox .dijitDownArrowButton {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButton .dijitArrowButtonInner { /* The arrow */
   background: url(images/spriteArrows.png) no-repeat scroll 0 center;
} 

/* Hover */
.myTheme .dijitComboBox .dijitDownArrowButtonHover {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {} /* The arrow  */

/* Active (mouse down) */
.myTheme .dijitComboBox .dijitDownArrowButtonActive {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButtonActive .dijitArrowButtonInner {} /* The arrow */

在浏览器中使用开发人员工具将帮助您确定要覆盖的 css 类。

于 2012-04-10T11:57:17.227 回答
0

我仔细查看了代码，然后发现它没有使用dijit.form.ComboBox或dijit.form.FilteringSelect。

他在普通的 HTML 中使用<div> <input> <a>

这里http://jsfiddle.net/fQZFr/

我完成了。

于 2012-04-11T04:13:55.593 回答