1

高さ60pxの選択ボックスがあります。ユーザーがオプションをクリックすると、そのオプションのテキストが選択ボックスの下部に表示されるようにしたいと思います...ただし、SafariとChromeは、テキストを中央に自動的に垂直方向に配置します。

行の高さ、パディングトップ、マージントップを増やしてみましたが、これらはサファリ/クロームでは機能しません。

このタイプのサファリ/クロームのスタイリングが「不可能」である場合は、助けてください。私にも知らせてください。前もって感謝します！

4

1 に答える 1

2

残念ながら、Safari と Chrome で生成された select 要素をスタイルすることはできません。あなたが扱っているのは、Shadow DOM という造語です: http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/

基本的にブラウザは、ページがレンダリングされるときにすべての選択ボックスが機能する要素を作成しますが、これらの要素は CSS でスタイルを設定できません。

選択ボックスの重いスタイリングを行う場合は、Chosenのようなツールを使用することをお勧めします。JavaScript を使用して選択ボックスの上に要素を配置し、その機能を置き換え、CSS でスタイルを設定できるようにします。

于 2011-12-09T23:54:10.107 に答える