СКРИПТЫ
ТЕГИ:
php (282)
js (149)
html (131)
css (100)
html tags (57)
edit text (39)
jquery (39)
php array (30)
form html (29)
fonts (22)
foto (21)
atom (20)
ruweb.net (20)
forum (19)
hosting (19)
board (17)
svg (17)
Показать еще :
js method (16)
html book (16)
php file (15)
link (15)
osclass (13)
htaccess (13)
color (13)
table (13)
path (12)
online (12)
php date (12)
js delete (11)
input (11)
download (11)
jsphp (11)
icon (11)
notepad (11)
yandex (10)
mouse (10)
url (10)
php img (10)
form (10)
info (9)
task (7)
comment (7)
ftp (7)
cookie (7)
php url (7)
img (7)
dosite (6)
js url (6)
hover (6)
click (6)
iframe (5)
mb (5)
chart (5)
reg.ru (5)
adminka (5)
search (5)
value (5)
php get (5)
js time (4)
select (4)
bbcode (4)
vk (4)
submit (4)
symbols (4)
browser (4)
js form (4)
js copy (4)
js id (4)
console (3)
js post (3)
scandir (3)
ucoz (3)
https (3)
ssl (3)
captcha (3)
vs code (3)
qr kod (2)
sitemap (2)
details (2)
cursor (2)
tag hr (2)
video (2)
height (2)
title (2)
js vars (2)
counter (2)
youtube (2)
seo (2)
domen (1)
archive (1)
numbers (1)
speed (1)
smile (1)
padding (1)
books (1)
google (1)
header (1)
windows (1)
money (1)

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

Убираем обводку при клике на input - разберем несколько вариантов удаления обводки с примерами!

Подробно об удалении обводки при колике

  1. Рабочие варианты для удаления обводки при клике.
  2. Убираем обводку элементов по клику

  1. Рабочие варианты для удаления обводки при клике.

    Чтобы начать разбираться в удалении обводки, нам нужен пример, где обводка не удалена, поэтому нам понадобится

    input с типом type text

    <input name="text" type="text">

    Выведем прямо здесь:

    Как видим при клике, наша обводка дала о себе знать.

    Далее удалим обводку при клике:

    Удаляем обводку с помощью "outline:none;"

    Как вы знаете css "3 способа css" - будем использовать способ attribute style внутри тега:

    <input name="text" type="text" style="outline:none;">

    Посмотрим результат использования "outline:none;"

    Проверьте - исчезла ли обводка при клике...

    Еще вариант... убираем обводку инпута

    Как вариант можно использовать вот такую конструкцию:

    css :

    <style>

    .example:active, .example:hover, .example:focus {

    outline: 0;

    outline-offset: 0;

    }

    </style>

    Html:
    <input name="text" type="text" class="example">

    Нажмите по инпуту - проверьте, пропала ли обводка при клике...


  2. Убираем обводку элементов по клику

    Несколько вариантов найденных в сети... wall

    Ещё :

    Как убрать браузерную обводку у button, input, textarea, checkbox и прочих элементов верстки появляющуюся в состоянии :focus в различных браузерах: mozilla, google chrome.

    :focus {outline: none !important;}

    ::-moz-focus-outer, ::-moz-focus-inner {

    border: 0px !important;

    padding: 0;

    }


    a:focus,

    a:active,

    button:focus {

    outline: 0!important;

    outline-color: transparent!important;

    outline-width: 0!important;

    outline-style: none!important;

    box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;

    }


    input, textarea,input:active, textarea:active {outline:none;}


    input[type="checkbox"]:focus,

    input[type="radio"]:focus {

    visibility: hidden;

    }

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Убираем обводку при клике на input
обводку убрать
noborder input

Сообщение системы комментирования :

01.09.2021

Форма пока доступна только админу... скоро все заработает...надеюсь...

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
17.10.2021 39:28
Давно не делал и страницу и видео в один день... чет, как-то выжитый как…
подробнее.
Марат :
10.10.2021 17:20
Добавлен новый смайл
подробнее.
Марат :
05.10.2021 26:37
Страница sitemap.html восстановлена. Но будут вводиться только страницы…
подробнее.
Марат :
04.10.2021 38:22
Добавил несколько вариантов поставить смайл на страницу своего сайта! 3 варианта! Кроме варианта скачать…
подробнее.
Марат :
17.09.2021 28:02
Установка Яндекс поиск на сайт! Контент обновлен на 100%. Такое ощущение, что старый текст не я…
подробнее.
Марат :
07.09.2021 23:21
Частенько приходится исправлять ошибки и вот...как-то я обратил внимание на надпись: "нажми ctrl enter" на сайте и…
подробнее.
ruweb
Страница загружена за : 0.025928 секунд. Подробнее