Как убрать обводку у input в css

Как убрать рамку у input?

Весь код покажите и html и css, где то у вас ошибка в коде.

4 years ago

Скорее всего ошибка была в том что после border:none он написал border: solid 1px #f2f2f2 .
А вообще для меня сработало просто оставить border:none без первой и последней команд

2 years ago

Ваш ответ

Создается структура файлов в visual studio code, не так как в уроке, как решить эту проблему?
Не работает emmet в visual studio code?
Не проходит оплата россия карта mastercard и есть возможность узнать цену в рублях?
Здраствуйте у меня вопрос такой как мы можем получить только name с помощью цикл foreach?
Как в sublime text открыть 2 папки в одном окне? открывается еще одно окно sublime text?
Хочу изучить javascript для работы с nodejs, какой минимальный уровень знаний нужен?
Есть ли готовые коды к урокам?
Как открыть исходный код веб-страницы на mac в браузере?
Не добавляется запись из xml в бд, что делаю неправильно?
Позиционирование логотипа по центру хедера как сделать?
Какой правильный синтаксис медиа запросов css?
Как установить xampp на windows 32-bit?
Как задать фоновое изображение для шапки (header) в bootstrap 3?
Как прижать footer к низу в bootstrap 3?
Xampp или open server?

Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.

Русский —>

Отзывы о курсах FructCode
Политика конфиденциальности
Условия использования
Цены и оплата
Все курсы
Партнерская программа
Комьюнити

HTML/CSS Advanced
Bootstrap 4
VueJS Фреймворк
Yii2 Фреймворк
Modern Javascript
Javascript/jQuery
Все курсы

Как удалить рамку у input?

Никак не могу удалить рамку у инпутов, и самое главное, что она есть только, когда смотришь сайт в инкогнито и только в хроме.
И в консоли тоже стилей для рамки нету.
Я даже задал стили через important, что никогда не делаю, и все равно рамка не убирается.
И почему черное с белым?

input:focus, textarea:focus, select:focus

Вот ссылка на сайт v2.bludelego.it
Внизу на каждой странице есть форма.

Вопрос задан более трёх лет назад
7757 просмотров

10 комментариев

Простой 10 комментариев

Как убрать обводку при клике на input

Этот же приём убирает обводку пунктиром вокруг нажатой ссылки и вокруг любого из элементов формы.

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 25 мая 2011 в 20:44
658 5 5 серебряных знаков 9 9 бронзовых знаков
не работает в ие6-7
30 мая 2011 в 8:15
outline: none; border: none;
15 июн 2011 в 15:07

Универсальное решение, которое убирает подсветку во всех браузерах и не только на input , но и на других элементах, в том числе select , button , a :

/* Remove outline on the forms and links */ :active, :hover, :focus

Отслеживать
ответ дан 2 янв 2017 в 13:14
MobiDevices MobiDevices
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков

Попробуйте поставить box-shadow: none; У меня была такая проблема. Я просто сделал так при использовании Bootstrap

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 25 мар 2018 в 18:57
31 1 1 бронзовый знак

У меня была такая проблема. Я просто сделал так:

input

Отслеживать
19.9k 5 5 золотых знаков 44 44 серебряных знака 61 61 бронзовый знак
ответ дан 28 янв 2015 в 12:32
11 1 1 бронзовый знак

Примените свойство outline:none

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 10 мар 2014 в 7:44
745 2 2 золотых знака 17 17 серебряных знаков 30 30 бронзовых знаков

Для получения симпатичного белого поля для ввода используйте свойства border и outline . Дополнительно рекомендую border-radius

input

Отслеживать
ответ дан 30 янв 2022 в 22:06
fedotsoldier fedotsoldier
785 5 5 серебряных знаков 24 24 бронзовых знака

Конкретно для input и конкретно при фокусе на нем:

input:focus

Проверял на Chrome.

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 13 мая 2020 в 17:02
Vladimir Pankov Vladimir Pankov
201 1 1 серебряный знак 9 9 бронзовых знаков

Если используете Bootstrap, то, возможно, используется box-shadow .

Попробуйте поставить box-shadow: none;

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 17 фев 2018 в 20:09
borkafight borkafight
101 2 2 бронзовых знака

Допишите также onFocus=»this.blur()»

Отслеживать
7,291 5 5 золотых знаков 27 27 серебряных знаков 69 69 бронзовых знаков
ответ дан 20 апр 2011 в 11:35
14.7k 1 1 золотой знак 26 26 серебряных знаков 48 48 бронзовых знаков
уже нельзя ничего навешивать на элементы, нужно цссом делать
20 апр 2011 в 11:49

А отдельным javascript’ом нельзя? Можно подключить скрипт и навесить события на нужные input’ы. А под каким браузером мешает обводка?

20 апр 2011 в 13:29

Да скрипт помог справиться с файрфоксом и ие8, только теперь в ие6-7 обводка появляется вокруг тега label, а как ее убрать

21 апр 2011 в 6:48

Все, что могу предложить — перебрасывать фокус на какой-нибудь другой элемент. Примерно так (используя jQuery): $(‘checkbox, label’).focusin(function());

21 апр 2011 в 11:24

Физически обводку убрать никак нельзя, браузер сам ее рисует. Фактически ее можно свернуть в точку, если у элемента A будет стиль не display:block , а display:inline . При этом на активную область это не повлияет, но это плохой вариант.

Лучше всего сделать элемент A поверх всей надписи, тогда заслонять надпись ничего не будет и выглядеть будет отлично.

CSS: Убрать обводку вокруг input и textarea

Чтобы убрать обводку вокруг элементов input и textarea в CSS, можно использовать следующий код:

input, textarea < outline:none; >// не показывать обводку в состоянии focus input:focus, textarea:focus < outline:none; >// убрать обводку у всех элементов *

CSS 12.09.2016 7.2 г. Просмотров: 20.7k

Оценить код:

Код был обновлён. Предыдущий рейтинг:

Бесполезный код — 0 голосов
Костыль — 0 голосов
Полезный код — 2 голоса