Изменение внешнего вида кнопок в Firefox

Question

Итак, у меня есть стандартное выпадающее меню в моем HTML. У меня также есть цветной фон, и у меня есть фоновое изображение, которое я хочу использовать в качестве кнопки.

Но есть проблема, потому что я не могу заставить кнопку по умолчанию исчезнуть в Firefox. Хотя я могу заставить кнопку исчезнуть в Webkit, используя -webkit-Appearance: none; Я не могу заставить его уйти в Firefox.

Вот пример: http://jsfiddle.net/wG7UB/

И я бы предпочел не возвращаться к неупорядоченному списку в строгом стиле, если это вообще возможно. Спасибо!

Answer 1

Здесь я отвечаю на свой вопрос ... Я просто обернул свой тег выбора с помощью div и использовал псевдоэлемент, чтобы скрыть кнопку.Немного хакерский, и я не люблю использовать бессмысленный div, но я думаю, что это работает хорошо.Затем я установил CSS псевдоэлемента на pointer-events:none;, чтобы он позволял кликать по изображению.

Пример: http://jsfiddle.net/howlermiller/nchUt/1/

Answer 2

Что именно вы хотите сделать? Я не уверен, что полностью понимаю, что именно вы пытаетесь сделать

Если вы хотите, чтобы это исчезло, вы можете использовать "{display: none}"

или вы можете использовать свойство" -moz-Appearance ", если оно есть.