21

国境を変更しようとしselect optionていますが、それができません。何度も試しましたが、適切な解決策が見つかりません。スクリーンショットを添付しました。

ここに画像の説明を入力

<head>
  <style>
    select option {
      background:transparent;
      border:0;
    }
  </style>
</head>

<body>
  <select>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
  </select>
</body>
4

3 に答える 3

18

select のドロップダウンは、 ShadowDOMと呼ばれるものの一部です。現在の CSS 仕様のレベル 3 では、ほとんどの ShadowDOM 要素をターゲットにする方法がありません。ここでShadowDOM の仕様を読むことができますが、必要なものはあまりありません。

Chrome には、一部のshadowDOM 要素を変更する独自のセレクターがいくつかありますが、すべてではありません。Firefox には (私の知る限り) さらに少なく、Opera にはありません。IE はおそらく同じかそれ以上です。

互換性を念頭に置いた最善の策は、本当にスタイルを設定したい場合は、Jquery プラグインを使用して、他の HTML 要素を使用して選択を模倣することです。ここにきちんとしたものがあります。

于 2012-12-27T14:37:55.210 に答える
1

私が理解している限り、これは不可能であり、各ブラウザに依存するプロパティであり、過去に質問がないため、状況が少し明確になる可能性があります。

ご挨拶。

おそらくこれは助けになるかもしれません：

JavaScriptなしでCSSのみを使用して<select>ドロップダウンのスタイルを設定するにはどうすればよいですか？

于 2012-12-27T15:12:24.933 に答える
1

短い答え：

selectこれは要素ではできません

考えられる解決策:

任意の UI ライブラリ ( bootstrap、jquery UI、またはその他の) を使用して、必要に応じてスタイルを設定できるカスタムの select のような要素を作成します (それらはすべてul、 、li、div.... )

于 2017-03-02T09:17:59.133 に答える