html選擇壓縮默認樣式

Question

是否可以完全禁用默認的html選擇外觀？

我想顯示的是所選值。它應該看起來像一個正常的HTML文本。

Answer 1

嘗試一些javascript（jQuery）

$("#selectId").replaceWith("<p>" + $("#selectId option:selected").text() + "</p>") 

Answer 2

不，不完全...瀏覽器樣式仍然存在，很像滾動條。這也會隨着瀏覽器的不同而改變，正如你期望的那樣。

Answer 3

as BoltClock表示，標準表單元素的渲染取決於您的瀏覽器和操作系統。但是有很多jquery腳本來替換標準表單元素，如下所示：http://india.assigninfo.com/assignlabs/samples/jALDropDown1_7_3/App_Web/jAlDropDown_compare.htm。

也許這將幫助你

Answer 4

您可以使用CSS3屬性，但它的外觀只能暫時

-webkit-appearance: none; 

你的JavaScript選項爲例與jQuery與WebKit的兼容：http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#basic