ウォーターマークラベルが選択ストップの上に配置されています。クリック伝播

Question

私は選択要素の上に絶対的にラベルを配置するドロップダウンのウォーターマーク/ヒントソリューションを作成しました。

残念ながら、ユーザーがラベルの場所をクリックすると、ドロップダウンは開きません。明らかにクリックはラベルによってブロックされています。ユーザーがラベルをクリックしたときにドロップダウンが開かれるようにする方法はありますか？私はあなたがjavascriptを介してドロップダウンを開くことができないことを理解しますが、クリックが発生したときにラベルを隠すようなことをすることはできますか？

編集： gmailのようにカスタムドロップダウンを作成すると、そのドロップダウンは実行可能なオプションではありません。

Answer 1

CSSはこれを処理できます：labelにpointer-events: noneを追加します。

これは最新のブラウザでサポートされています。現在のバージョンのIE（とOpera）を除いて、残念ながらuse JavaScriptになります。