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