Question

如何在 dijit.form.ComboBox 或 dijit.form.FilteringSelect

的▼标志处添加/替换某些图片

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

如何更改弹出窗口的ComboBox的bg颜色。

Like this web site

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

如果有人知道如何定制，请教我。感谢。

Answer 1

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

您可以查看默认情况下发布的主题 http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html （注意：此页面基于每晚构建，因此它会被破坏）

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

<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类。

Answer 2

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

他使用普通HTML <div> <input> <a>

此处http://jsfiddle.net/fQZFr/

我已经完成了。

自定义dojo的ComboBox

2 个答案: