2

おそらく単純なものですが、私は本当に苦労しています。誰かがそれを提供できる場合は、助けやアドバイスをいただければ幸いです。

私は JQuery selectmenu を使用していますが、特定のクラスを持つ OPTION に別のスタイルを設定したいだけです。クラスは「在庫切れ」なので、私のコードは次のとおりです。

<select name="dd1" id="dd1">
    <option value="1">item 1</option>
    <option value="2" class="outOfStock">item 2</option>
    <option value="3">item 3</option>
</select>

class="outOfStock" を持つ 2 番目のオプションを、別のテキストまたは BG の色でスタイル設定したいと思います。

これについて多くの（多くの、多くの）バリエーションを試しましたが、何も機能しません。

<style type="text/css">
.ui-selectmenu-menu-item .outOfStock{background:red;}
</style>

任意のポインタをいただければ幸いです、ありがとう。

4

5 に答える 5

0

CSSは、通常、ブラウザー自体ではなくOS /プラットフォームによってレンダリングされるため、スタイリングselectとその子孫要素ではほとんど見事に役に立たない。option

ただし、disabledプロパティを使用してそれらを区別することはできます。

$('option.outOfStock').prop('disabled', true);
于 2012-11-12T14:40:36.943 に答える
0

おそらくあなたが探している答えではありませんが、最悪の場合、選択タグでスムーズに機能するインラインスタイリングをいつでも使用できます...

  <select name="dd1" id="dd1">
    <option value="1">item 1</option>
    <option value="2" style="background:red;">item 2</option>
    <option value="3">item 3</option>
  </select>
于 2012-11-12T15:03:46.670 に答える
0

あなたはもうすぐそこにいました。試す：

<style type="text/css">
    .outOfStock {
         background-color: red !important; // changed following comments
    }
</style>

！importantは慎重に使用してください。詳細はこちら

于 2012-11-12T14:04:46.257 に答える
0

あなたはこれを試すことができます、それはかなり簡単です：

  $('.outOfStock').css('color','#454545');

そして、使用する代わりに 

  <style type="text/css"></style>

あなたが使用する必要があります

 <script type="text/javascript"></script>

cssスタイルではなくjQueryを実行したいので。

于 2012-11-12T14:00:40.120 に答える
0

すべての提案に感謝します。一部は部分的に機能しましたが、これはさまざまなブラウザー間で一貫した仕事をしているようで、SELECTED 状態の項目もカバーしています。

.ui-selectmenu-menu .outOfStock{background:red;} /* item in the list */
.outOfStock .ui-selectmenu-status{background:red;color:#333}  /* item when selected */

このヒントは、.ui スタイルを見つけようとしている人に役立つかもしれません...さまざまなメニュー状態 (開いている、ホバー、選択されている) の間にどの .ui スタイルが関係しているかを理解するのに AGES かかりました。 Chrome (または Firefox) を開き、Firebug を起動し、要素 (この場合は選択メニュー項目) を右クリックして、[要素の検査] を選択します。その後、Firebug はプレイに来たすべてのスタイルを見せてくれました。メニュー項目がホバー、選択などのさまざまな状態になると、スタイルが変化することがはっきりとわかります。ターゲットとするスタイル/クラスがわかれば、残りは簡単です..これが他の人の助けになることを願っています. 救助へのFirebug :)

于 2012-11-13T15:28:57.780 に答える