Перейти к содержимому

Как убрать стили у input

  • автор:

Как убрать стандартные стили (обводка на инпуте)?

image.png

Пришлось перенести папку src в новый проект.
Все блоки увеличили свой размер и начали криво отображаться, при нажатии на инпуты стала появляться такая обводка, что-то непонятное произошло со шрифтами

Как можно пофиксить?

Проект создал через vue create *имя* , пресет как и раньше выбрал стандартный.

  • Вопрос задан более двух лет назад
  • 942 просмотра

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

Простой 2 комментария

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

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

5ee24649661db368423068.png

input:focus, textarea:focus, select:focus

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

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

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

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

Как убрать стили у input

Покинул форум
Сообщений всего: 4
Дата рег-ции: Апр. 2009

Помог: 0 раз(а)

Имеется форма для ввода, можно ли сделать контур поля ввода невидимым ?
Отправлено: 17 Апреля, 2009 — 13:57:34

Покинул форум
Сообщений всего: 458
Дата рег-ции: Авг. 2008
Откуда: Россия

Помог: 1 раз(а)

CODE (text):
скопировать код в буфер обмена

Вы бы хоть основы подучили.

Отправлено: 17 Января, 2010 — 04:50:30

Покинул форум
Сообщений всего: 214
Дата рег-ции: Дек. 2009
Откуда: Блага

Помог: 0 раз(а)

Roler основы не есть нюансы чем собственно и тличается знаток от профи — профи знает о мелочах, рождающих совершенство))))
я вот тоже ни где не встречал описание того как сделать границы поля невидимыми, хотя справочников немало прочитал..

Отправлено: 29 Января, 2010 — 17:38:57

Покинул форум
Сообщений всего: 19
Дата рег-ции: Янв. 2010

Помог: 0 раз(а)

Roler пишет:
CODE (text):
скопировать код в буфер обмена
Отправлено: 29 Января, 2010 — 18:12:58

Покинул форум
Сообщений всего: 19
Дата рег-ции: Март 2009

Помог: 0 раз(а)

PeaceDuke пишет:

а вот так делать не стоит
вы всем инпутам переопределяете бордер

(Отредактировано автором: 29 Января, 2010 — 18:13:21)

Отправлено: 30 Января, 2010 — 07:45:51

Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007
Откуда: Симферополь

Помог: 98 раз(а)

border: none; вернее будет

——
Список фильмов с описанием, блекджеком и. для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Отправлено: 07 Февраля, 2010 — 15:52:48

Покинул форум
Сообщений всего: 214
Дата рег-ции: Дек. 2009
Откуда: Блага

Помог: 0 раз(а)

PeaceDuke пишет:
Ins1ne пишет:
а вот так делать не стоит
вы всем инпутам переопределяете бордер

назовите стиль как нибудь по другому если смущает, например .myinput и применяйте только к тем инпутам к которым хотите , хотя у меня все прекрасно работает и в случае с «.input», а css лучше не оформляйте в самом документе, пишите в стороннем файле *.css, хотя это личное мнение.
(Добавление)
kent2177
так же посмотрите тут, думаю интересно будет:
http://forum.php.su/topic.php?fo. m=41&topic=8

Отправлено: 08 Февраля, 2010 — 00:24:56

Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009

Помог: 17 раз(а)

kent2177 Уж тогда если нужно чтобы border был невидимый в input-е в определенной форме то можно сделать так form.form_class input при этом все три основные параметра предоставлены для общей совместимости — таким образом во всех формах типа получите input-ы с невидимым border-ом

——
Сделать можно все что угодно — нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства — http://ihost[dot]oks71[dot]ru/

Отправлено: 24 Марта, 2010 — 05:16:51

Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008
Откуда: Альфа Центавра

Помог: 353 раз(а)

JustUserR пишет:
. при этом все три основные параметра предоставлены для общей совместимости.

ага.
вот самое верное:

Как убрать рамку у 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
  • Все курсы

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *