水印標籤定位在選擇的頂部停止點擊傳播

我已經創建了一個下拉的水印/提示解決方案，我絕對將標籤放置在select元素的頂部。水印標籤定位在選擇的頂部停止點擊傳播

不幸的是，當用戶點擊標籤的位置時，下拉不會打開 - 顯然點擊被標籤阻擋。有什麼辦法可以讓用戶點擊標籤時打開下拉菜單？我知道你不能通過javascript打開下拉菜單，但是你可以在點擊時觸發隱藏標籤嗎？

編輯：創建一個自定義的下拉菜單，如gmail在其下拉菜單中不是可行的選項。

2011-08-17 ajbeaven

是的，但我們需要某種演示或源代碼。 –

不認爲它真的需要一個，但在這裏你去無論如何：http://jsfiddle.net/ajbeaven/Sj7CN/1/ – ajbeaven

我很好奇：你最終做了什麼？ – thirtydot

CSS可以處理該問題：將pointer-events: none添加到label。

這是所有現代瀏覽器支持..除了當前版本的IE瀏覽器（和Opera），所以你仍然不得不use JavaScript。

2011-08-17 02:02:04 thirtydot

+1教育我關於'指針事件'。 – alex

該javascript解決方案不會打開下拉菜單，它只會觸發select元素上的單擊事件。 – ajbeaven

啊..你說得對，對不起。正如你在你的問題中所述，通過JavaScript打開一個'select'確實是不可能的。我不確定你如何解決這個問題，而不是創建你自己的下拉菜單（你已經說過這對你來說不可行）。我剛剛嘗試了一些想法，而且我實在無法想出任何東西。 – thirtydot

回答