0

画像とテキストを表示するために ToggleButton を使用する必要があり、ボタンを有効にして表示したい (色付きのアイコンと黒のテキスト) が、この機能は後で追加されるため、今すぐクリック/トグルを許可したくありません。繰り返しますが、アイコンを色付けし、テキストを黒くする必要がありますが、ボタンをクリックできないようにする必要があります (基本的に、ボタンのように見えない、ホバー時にアウトラインがないなど)。

this.button = new ToggleButton({
                         "id": title,
                         "label": count,
                         "showLabel": true,
                         "iconClass": "eIcon",
                         "class": "buttonText",
                         "disabled": true,
                 });

CSS を正しく動作させることができません - 次のように CSS にボタンの色を入れようとしました:

.itpButtonText { color: black !important; }

しかし一向に取り上げられません。たぶん、逆のことをして有効にする必要がありますが、ホバーやクリックは許可しませんか?

誰か提案はありますか？

4

1 に答える 1

0

まず、これを実装するために ToggleButton を使用する必要がある特定の理由はありますか? 実際には、達成したい同じ効果を実装するために 2 つの div (1 つは img クラス用、もう 1 つはテキスト用) を使用するのは簡単です。ステータスを保持し、このステータスに基づいてスタイルを設定するだけです。

まだ toggleButton を使用する必要がある場合は、特定のボタンの ToggleButton のデフォルト スタイルを上書きしてみてください。インスペクターを使用して、変更が必要な対応するクラス名を取得し、テーマ css ファイルで検索してから、独自の css ファイルで上書きします。

たとえば、ホバー動作を上書きするには、上書きが必要になる場合があります

.claro .dijitToggleButtonHover .dijitButtonNode {
  background-color: #86bdf2;
  color: #000000;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

と

.yourClass .claro  .dijitToggleButtonHover .dijitButtonNode {
   /* your styles */

}

ただし、この種の上書きを何度も行う必要がある場合があるため、最初の方法を使用してカスタマイズ ボタンを作成することをお勧めします。

于 2013-09-24T17:45:45.363 に答える