Как убрать рамку вокруг button, input и некоторых других элементов в Firefox? [дубликат]
Данная проблема может возникнуть и на input’ах. При этом, блоки могут иметь еще и лишний отступ. Поэтому надежнее будет написать так:
// Remove border and padding in Firefox ::-moz-focus-outer, ::-moz-focus-inner
Отслеживать
ответ дан 4 янв 2017 в 8:29
MobiDevices MobiDevices
7,289 5 5 золотых знаков 27 27 серебряных знаков 71 71 бронзовый знак
А padding зачем?
4 янв 2017 в 8:31
@Yuri я все расписал.
4 янв 2017 в 8:31
- css
- firefox
-
Важное на Мете
Связанные
Похожие
Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.8.3130
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как убрать обводку у кнопки css
Чтобы у элемента button убрать обводку, достаточно выставить свойство border в none. Чтобы исключить появление обводки у кнопки при нажатии, или при переходе на неё с помощью табуляции с клавиатуры необходимо использовать псевдо-классы:
button, button:active, button:focus border:none; > Как убрать обводку при нажатии на кнопку css
Чтобы начать разбираться в удалении обводки, нам нужен пример, где обводка не удалена, поэтому нам понадобится
Выведем прямо здесь:
Как видим при клике, наша обводка дала о себе знать.
Далее удалим обводку при клике:
Удаляем обводку с помощью «outline:none;»
Как вы знаете css «3 способа css» — будем использовать способ attribute style внутри тега:
Посмотрим результат использования «outline:none;»
Проверьте — исчезла ли обводка при клике.
Еще вариант. убираем обводку инпута
Как вариант можно использовать вот такую конструкцию:
.example:active, .example:hover, .example:focus
Нажмите по инпуту — проверьте, пропала ли обводка при клике.
Убираем обводку элементов по клику
Несколько вариантов найденных в сети. смайлы
Как убрать браузерную обводку у button, input, textarea, checkbox и прочих элементов верстки появляющуюся в состоянии :focus в различных браузерах: mozilla, google chrome.
border: 0px !important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
input, textarea,input:active, textarea:active
Как убрать обводку при нажатие на button?
Обычно заменю на div, но стало любопытно, как это сделать?
border: none; не работает.
- Вопрос задан более трёх лет назад
- 8878 просмотров
Комментировать
Решения вопроса 0
Ответы на вопрос 1
Helmut König @helmut_kenig
button:active
Или decoration: none;
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- HTML
- +1 ещё
Почему фоновая картинка то пропадает, то появляется?
- 1 подписчик
- час назад
- 20 просмотров
- CSS
- +1 ещё
Как изменить цвет svg заливки?
- 2 подписчика
- час назад
- 17 просмотров
- JavaScript
- +1 ещё
Почему popup окно открывается только со второго нажатия?
- 1 подписчик
- 6 часов назад
- 35 просмотров
- JavaScript
- +3 ещё
Как сделать ограничитель поля символов?
- 1 подписчик
- 7 часов назад
- 49 просмотров
- HTML
Допустимо ли двоеточие в значении атрибута data?
- 1 подписчик
- 10 часов назад
- 53 просмотра
- HTML
- +3 ещё
Почему появляется горизонтальный скролл при использовании grid?
- нет подписчиков
- вчера
- 69 просмотров
- HTML
- +1 ещё
Как разместить блоки в два ряда?
- 1 подписчик
- вчера
- 62 просмотра
- CSS
- +2 ещё
Подключение boostrap vue?
- 1 подписчик
- 05 янв.
- 71 просмотр
- HTML
- +1 ещё
Как реализовать звездный рейтинг с частичным закрашиванием звезд?
- 2 подписчика
- 05 янв.
- 434 просмотра
- HTML
- +1 ещё
Почему высота span не такая как у родителя при height:100%?
- 1 подписчик
- 05 янв.
- 75 просмотров
от 35 000 до 40 000 ₽
от 210 000 ₽
08 янв. 2024, в 20:24
3000 руб./за проект
08 янв. 2024, в 20:10
500 руб./за проект
08 янв. 2024, в 19:59
50000 руб./за проект
Минуточку внимания
Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями
- Как сделать так, чтобы при регистрации пользователя в телеграмм боте его ID сохранялся в файле только один раз?
- 2 подписчика
- 2 ответа
- 4 подписчика
- 3 ответа
- 2 подписчика
- 1 ответ
- 2 подписчика
- 0 ответов
- 2 подписчика
- 2 ответа
- 3 подписчика
- 1 ответ
- 3 подписчика
- 0 ответов
- 2 подписчика
- 0 ответов
- 2 подписчика
- 5 ответов
- 2 подписчика
- 4 ответа