更改Firefox中的按钮外观

时间:2011-11-01 15:37:10

标签: html css firefox drop-down-menu

所以我的HTML中有一个标准的下拉菜单。我也有背景色,我有一个背景图像,我想用作按钮。

但是有一个问题,因为我无法让Firefox中的默认按钮消失。即使我可以使用-webkit-appearance:none在Webkit中消失按钮;我不能让它在Firefox中消失。

以下是一个示例:http://jsfiddle.net/wG7UB/

如果可能的话,我宁愿不回复到风格严重的无序列表。谢谢!

2 个答案:

答案 0 :(得分:0)

你究竟想做什么?我不确定我完全明白你究竟想做什么

如果你想让它消失,那么你可以使用“{display:none}”

或者你可以使用“-moz-appearance”属性,如果有的话。

答案 1 :(得分:0)

这里我回答我自己的问题...我只是用div包裹了我的select标签,并使用伪元素来掩盖按钮。稍微hackish,我不喜欢使用毫无意义的div,但我想这没关系。然后我将伪元素的CSS设置为pointer-events:none;,以便允许点击图像。

示例:http://jsfiddle.net/howlermiller/nchUt/1/