Как убрать пунктирную границу вокруг выпадающего списка

0

См. Примерную страницу по адресу: http://www.onextrapixel.com/examples/pure-css-custom-form-elements/.

При использовании FF 24 на Mac, фокусируясь на поле выбора, получается следующее:

пунктирная граница http://c714091.r91.cf2.rackcdn.com/87cff1afa5bfc0c3df11af964e28b8d5e46649e734.png

Фоновый пост можно найти здесь: http://www.onextrapixel.com/2012/10/26/custom-style-all-your-form-elements-with-pure-css-and-no-javascript/

Он не показывает это в других браузерах, как удалить?

  • 0
    Я не вижу таких же результатов. Протестировано в последних версиях FF и Chrome. (windows ..) Может быть проблема, связанная с Mac - браузером.
  • 0
    Вы пробовали outline:none ? Проверьте это здесь: jsfiddle.net/jdwire/Fm7L5
Показать ещё 1 комментарий
Теги:
macos
firefox

2 ответа

0
select, option {
   outline: 0;
}

Должен сделать трюк. Я думаю, что план на вариант, так что вы можете попробовать вынуть select селектор (LOL), если вам нравится.

0

Ознакомьтесь с некоторыми сведениями об объекте Outline, чтобы удалить "границы" в поле выбора.

Решение

option, select {
   outline: 0;
}
  • 0
    Похоже, вы только что скопировали ответ, который был опубликован перед вами ..
  • 0
    @JoshC Не совсем, это единственное решение, и мне понадобилось больше времени, чтобы опубликовать мой ответ (просто для записи, я не видел ваш пост сейчас :)) Кстати, есть небольшие отличия, если вы заметили :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню