СКРИПТЫ
ТЕГИ:
php (285)
js (167)
html (139)
css (119)
html tags (61)
jquery (40)
text (37)
form html (30)
php array (30)
fonts (27)
ruweb.net (23)
foto (22)
online (22)
Показать еще :
php file (21)
atom (20)
forum (19)
svg (18)
board (17)
hosting (17)
js method (16)
html book (16)
input (16)
link (15)
color (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
dw block (12)
path (12)
select (12)
js delete (12)
icon (11)
keyboard (11)
jsphp (11)
php img (11)
info (11)
img (11)
php time (11)
form (11)
download (11)
notepad (11)
url (10)
mouse (10)
js time (9)
yandex (9)
cookie (7)
php url (7)
comment (7)
dosite (7)
task (7)
hover (7)
iframe (6)
list (6)
year (6)
mysql (6)
click (6)
js url (6)
ftp (5)
heading (5)
php get (5)
search (5)
adminka (5)
js id (5)
browser (5)
mb (5)
value (5)
chart (5)
week (4)
mounth (4)
bbcode (4)
day (4)
нок (4)
reg.ru (4)
vk (4)
submit (4)
captcha (4)
js form (4)
console (4)
symbols (4)
ucoz (3)
js post (3)
line (3)
https (3)
pages (3)
scandir (3)
ssl (3)
js img (3)
vs code (3)
padding (3)
куб (2)
js vars (2)
video (2)
youtube (2)
seo (2)
details (2)
title (2)
cursor (2)
base64 (2)
second (2)
tag hr (2)
money (2)
рся (2)
typeof (2)
arrows (2)
counter (2)
height (2)
qr kod (2)
sitemap (2)
нод (1)
windows (1)
google (1)
header (1)
numbers (1)
archive (1)
domen (1)
speed (1)
books (1)
smile (1)
scroll (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
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

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

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
07.07.2022 13:02
Вам спасибо, что оценили! На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
Михаил :
02.06.2022 20:10
Ну вот только для этого может быть ;) А так, нет смысла…
подробнее.
Марат :
02.06.2022 15:59
Чтобы вы зашли на данную страницу и нажали на…
подробнее.
ruweb
Страница загружена за : 0.018757 секунд. Подробнее