#html #css #firefox #drop-down-menu
#HTML #css #firefox #выпадающее меню
Вопрос:
Итак, у меня есть стандартное выпадающее меню в моем HTML-файле. У меня также есть цветной фон, и у меня есть фоновое изображение, которое я хочу использовать в качестве кнопки.
Но есть проблема, потому что я не могу заставить кнопку по умолчанию исчезнуть в Firefox. Несмотря на то, что я могу заставить кнопку исчезнуть в Webkit, используя -webkit-appearance:none; Я не могу заставить ее исчезнуть в Firefox.
Вот пример: http://jsfiddle.net/wG7UB /
И я бы предпочел не возвращаться к сильно оформленному неупорядоченному списку, если это вообще возможно. Спасибо!
Комментарии:
1. В IE выглядит так же, как и в FireFox
Ответ №1:
Что именно вы хотите сделать?Я не уверен, что полностью понимаю, что именно вы пытаетесь сделать
если вы хотите, чтобы она исчезла, вы можете использовать «{display: none}»
или вы можете использовать свойство «-moz-appearance», если оно есть.
Комментарии:
1. Я пытаюсь заставить стандартную кнопку пользовательского интерфейса исчезнуть, чтобы я мог заменить ее своим собственным фоновым изображением.
-moz-appearance, хотя это должно работать, не работает из-за ошибки в Firefox. Итак, мне было интересно, есть ли какие-либо другие простые способы сделать это… Возможно, нет.2. если возможно, пожалуйста, используйте выпадающее меню jquery вместо «выбрать».
Ответ №2:
Здесь я отвечаю на свой собственный вопрос… Я просто обернул свой тег выбора div и использовал псевдоэлемент, чтобы скрыть кнопку. Немного халтурно, и мне не нравится использовать бессмысленный div, но я думаю, что это работает нормально. Затем я установил CSS псевдоэлемента pointer-events:none; таким образом, чтобы он разрешал клики по изображению.