html选择禁止默认样式

时间:2011-04-14 09:10:35

标签: html css

是否可以完全抑制默认的html选择外观?

我想要显示的是所选值。它看起来应该像普通的html文本。

4 个答案:

答案 0 :(得分:1)

不,不完全......浏览器样式仍然存在,就像滚动条一样。这将因浏览器而异,因为您也期望。

答案 1 :(得分:1)

尝试一些javascript(jQuery)

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

答案 2 :(得分:0)

正如 BoltClock 所说,标准表单元素的呈现取决于您的浏览器和操作系统。但是有许多jquery脚本可以替换标准表单元素,例如:http://india.assigninfo.com/assignlabs/samples/jALDropDown1_7_3/App_Web/jAlDropDown_compare.htm

也许这会对你有所帮助

答案 3 :(得分:0)

你可以使用CSS3属性,但它目前只与webkit兼容

-webkit-appearance: none;

你有jQuery的例子:http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#basic