сентября 11 2015
0

Как убрать точки вокруг элемента по которому кликаешь?

jatixo    11 сентября 2015, 14:27    в избранное в избранном    2 комментариев
Вопросы, проблемы и их решения   
При клике по любой ссылке или кнопке появляются точки вокруг элемента, а также меняется цвет и подчеркивание.
В хроме этого нет, а вот в старой Опере, Мозилле и немного в IE есть. А если еще и элемент, который не открывает новую страницу, а остается на текущей, типа обновить комментарии, то элемент в точках так и останется пока не кликнешь в другое место.
Как я понимаю все дело в стилях bootstrap, но как это нормально убрать я не представляю.
Если, например, написать в своем стиле:
a:focus {
	outline-style: none;
}

То еще куда не шло, но что делать с color и text-decoration не знаю, так как нужно сохранять состояние элемента такое же до клика, то есть если он был подчеркнутым, то оставить подчеркивание, а если был не подчеркнут, то оставить его неподчеркнутым. И также сохранить цвет. Как это прописать?
Теги:

Похожие статьи

  • GIF Анимация по клику
    А как можно реализовать проигрывание gif анимации на сайте по клику мышки. Как например на фишках или пикабу
  • Кликабельная картинка
    Всем привет! Я новенький, прошу сильно не пинать) Как в шаблоне Start Kit v.1.0.3 сделать так, чтобы опубликованные картинки открывались кликом в отдельном окне?
  • Include file - пример использования
    Привет! Собственно — это вопрос, и вопрос в следующем. Возникло желание изменить демонстрацию изображений фотосета с «prettyPhoto» на обычные модальные окна от «bootstrap». И вот, в ходе работы по реализации данного ...
  • Плагины и шаблоны для Alto CMS
    Ни для кого не секрет, что модулей в каталоге расширений Alto CMS очень мало. Про шаблоны я вообще молчу (их всего 3!). Как писал в одном из топиков aVadim — некоторые разработчики не знаютт, что можно добавлять...

2 комментария

0
Вот тут глянь stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links
0
Спасибо, но это не то.
Похоже средствами переопределения css это сделать нельзя.
Надо с помощью less/scss, но пока не разобрался как убрать совсем этот стиль, чтобы его не было в результирующем файле:
a:focus {
    color: #23527c;
    text-decoration: underline; }
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.