0

Dojo の日付ピッカーの場合、入力テキストの背景色 (または境界線の色) を設定できません。私の dojo datepicker は、次の 2 つの追加属性を持つ入力テキストです。

dojoType="dropdowndatepicker"
displayFormat="yyyy-MM-dd"

道場には独自のスタイルがあると思いますので、背景色を指定するスタイルを提供しても、道場はそれをオーバーライドします。

このようなものは機能しません:

<input type="text" ..other attributes.. style="width:5em;border:solid #FF0000;">

どんな助けでも感謝します。

そして、私の道場のバージョンは汚れたように古い（アップグレードされる予定です）ことを付け加えてもいいですが、現在、dijitなどの新しい機能を利用することはできません.

4

3 に答える 3

2

Dojo は、ほとんどのウィジェットでテンプレートを使用しています。記述した HTML コード (dojoType属性などを含む) は、ウィジェットを構成するためのプレースホルダーにすぎません。この HTML に適用されるインライン CSS は、ウィジェットのトップ レベルに適用されます。

通常、ウィジェットは複数の HTML 要素で構成されているため、インラインで記述した CSS が正しい要素に適用されないことがあります。また、Dojo は実際にテーマ (通常class="themename"は親タグ (通常は<body>) で定義します) を使用し、Dojo のほとんどのデフォルト テーマは!importantさまざまな機能に CSS 行を使用しています。

最良の方法は、ウィジェットを使用するときに作成される HTML 要素を調べ、その特定の要素にスタイルを定義することです。しかし、Dojo テーマの CSS 属性は を使用している!importantため、それらが定義するものよりも具体的にすることをお勧めします。最も簡単な方法は、カスタム クラス名を<body>タグに追加することです。次に例を示します。

<body class="claro custom">

</body>

次に、次のようにスタイルを定義します。

.custom .dijitTextBox > .dijitInputField {
    background-color: yellow;
}
.custom .dijitTextBox > .dijitArrowButton {
    background: red;
}

JSFiddleの例も作成しました。

于 2013-07-25T12:13:15.160 に答える
1

このスレッドを見てください - これはあなたを助けることができると思います:

DOJO ウィジェットのデフォルト スタイルの変更

よろしく

于 2013-07-25T12:12:36.040 に答える
-1

ルールの最後に !important を追加します。

<input type="text" ..other attributes.. style="width:5em !important;border:solid #FF0000 !important;">

これにより、入力に内容が適用されます。Dojo が要素を使用し始めたときに要素が置き換えられていないかどうか、およびスタイルを正しい要素に適用しているかどうかを確認してください。

于 2013-07-25T10:03:24.807 に答える