1

dijit.form.ComboBoxまたはdijit.form.FilteringSelectの ▼ 記号に画像を追加/置換する方法

マウスが内外に移動すると、画像が切り替わります。

ComboBox の popup の bg-color を変更する方法。

このウェブサイトのように

（そのサイトからオリジナルのようにコピーする必要があります。しかし、このサイトはカスタムウィジェットを使用しているため、ソースを取得する方法がわかりません。）

どなたかカスタマイズ方法をご存知でしたら教えてください。ありがとう。

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 ノードにテーマ名を追加します。 

<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 に答える