css - スタイリングが無効になっているため、テキストのみが表示されます

Question

Dojodijitsのスタイリングの経験がある方もいらっしゃるかもしれません。私がやろうとしているのは、正しいCSSクラスをオーバーライドして、textbox、combobox、filtering selectタイプの入力を無効/読み取り専用にして、要素の境界線や灰色の背景なしで、テキスト/選択した値のみを表示することです。

うまくいけば、誰かがどのクラスが関係しているのか、または私がこれをどのように達成できるかについての別のアイデアを持っているでしょう。

ありがとうございました ！

Answer 1

dijitDisabledあなたが探しているクラスだと思います。あなたが何をしようとしているのか正確にはわかりませんが、この簡単な例をボタンで行いました。有効なボタンと無効なボタンが、探していると思われる方法で表示されます。jsfiddle での実行例を次に示します。

そして、個々のパーツは次のとおりです。

HTML:

<div id="btn"></div>
<div id="btnDisabled"></div>

CSS:

@import "http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css";


.dijitDisabled.dijitButtonDisabled .dijitButtonNode {
    background-image: none;
    border: none;
    background-color: transparent;
}

JS:

require(["dijit/form/Button"], function(Button) {
    var button = new Button({ label: "Enabled" },"btn");     
    var buttonDisabled = new Button({ label: "Disabled", disabled: true },"btnDisabled");         
});​

dojo 1.7を想定しています。

お役に立てば幸いです。