Убрать выделение input css при клике

При нажатии на кнопку она выделяется рамкой (не могу устранить)

У меня есть поисковая форма. При нажатии на кнопку submit она выделяется рамкой. Пытался устранить ее, но ничего выходит.

#submit: hover { border: none; }
form action = "" method = "post" id = "search"> input type = "search" name = "" placeholder = "поиск" id = "input" /> input type = "submit" name = "" value = "" id = "submit" /> /form>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
#search { width: 190px; position: relative; } #search input { border: none; } #input { width: 100%; padding: 8px 37px 9px 15px; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3); border-radius: 20px; background: #EEE; font: 13px Tahoma, Arial, sans-serif; color: #555; outline: none; } #input:focus { box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4); background: #E8E8E8; color: #333; } #submit { position: absolute; top: 0; right: 0; width: 37px; height: 100%; cursor: pointer; background: url(../img/search.png) 50% no-repeat; opacity: 0.5; } #submit: hover { opacity: 0.8; }

При нажатии на кнопку, она исчезает
Очень нужно реализовать такую вещь. Нужно чтобы при нажатии на кнопку в форме, эта же кнопка.

При нажатии на кнопку, она постепенно увеличивается на весь экран
при нажатии на кнопку, она постепенно увеличивается на весь экран (Visual Studio WindForm)

Читайте также:  Колонки

Как сделать, чтобы при нажатии на кнопку она переместилась в любое место формы!
Как сделать, чтобы при нажатии на кнопку она переместилась в любое место формы!Но только чтобы она.

Подскажите пожалуйста как на листе при нажатии на кнопку определить в какой ячейке она находится?
Есть вот такой код который работает, но добавляет строку там где выделена ячейка. Мне необходимо.

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

Убрать выделение ИНПУТа при выборе из списка

Стандартные механизмы браузеров при выборе в Input значения из списка вводимых ранее подсвечивают поле бежевым. Если же то же самое значение ввести руками, то поле остается прежнего цвета. Что это за механизм и как его убрать?

Выделение в bb-code текста в TextBox при выборе соответствующего CheckBox
На форме есть 4 чекбокса и 1 текстбокс. Нужно чтобы при чекеде чекбокса текст в текстбоксе.

Убрать текстовую подсказку у инпута
комрады, всем доброго времени суток. Столкнулся вот с такой проблемой. Используются текстовые.

Как убрать мигание инпута
Здравствуйте, нужно, чтобы после нажатия кнопки убирался клик совершенный на инпут. Типо, чтобы.

Эксперт HTML/CSS

input:focus, select:focus{outline:0}

Mikhail Shell, Автозаполнение полезная вещь, хочется убрать подсветку бежевым после автозаполнения, так как вывожу иконку в начале поля через бэкграунд, а этот бежевый фон ее перекрывает.

#thisInput, #thisInput:focus { color: > !important; /* здесь указываете цвет, который Вам нужен */ }

Эксперт HTML/CSS

ЦитатаСообщение от renat_dmitriev Посмотреть сообщение

Эксперт HTML/CSS

input{ box-shadow: inset 0 0 0 50px #fff }

AlexZaw, К сожалению box-shadow накладывает тень поверх бежевого, а мне нужно чтобы фоновые цвета не перекрывали иконку.

Добавлено через 1 минуту
Fedor92, Может тогда можно как-то самому реализовать это автозаполнение, чтобы и рыбку съесть и иконку оставить?

Эксперт HTML/CSS

input{ transition: background-color 5000s ease-in-out 0s; }

Эксперт HTML/CSS

ЦитатаСообщение от renat_dmitriev Посмотреть сообщение

Fedor92, Может тогда можно как-то самому реализовать это автозаполнение, чтобы и рыбку съесть и иконку оставить?

input:focus { background-position: 0 0; }

Ну а по ощущениям самое время вспомнить про autofill или js/jquery, как вариант. Всё остальное костыли.

Убрать Edit при выборе другого элемента в radiogroup
Здравствуйте. Как мне убрать лишний edit3, когда я перехожу с "квадратне рівняння" в "сума.

Как убрать зацикливание при выборе? использую плагин selecter
Если использую плагин стилизация select , то на событие выбора он зацикливает выдачу результата.

При выборе категории отображение списка
Всем добрый день. Суть проблемы такая Есть выпадающие списки Как можно сделать чтобы при.

DataTrigger при выборе элемента из списка
Нужно, чтобы при выборе элемента из ListBox кнопка становилась активной, а при наведении мышкой на.

Источник

Убрать выделение кнопки при нажатии

Как убрать синий border у кнопки при нажатии
Здравствуйте! Сайт сделан на бутстрапе, при клике по кнопке отображается синяя рамка, как ее можно.

При нажатии на кнопку,другие кнопки приближаются к данной кнопки
Привет всем!При нажатии на кнопку,другие кнопки приближаются к кнопке на которую я нажимаю.Так как.

Выделение при нажатии на картинку
<a href=#><img src=1.jpg></a> либо <div onclick=func()>нажми на меня</div> при нажатии на.

Выделение area при нажатии
Доброго времени суток, у меня возникла проблема с тегом area , мне не обходимо , чтобы при нажатие.

В css файле добавить к селектору свойство outline со значением none
outline: none
Я обычно применяю данное правило к тэгу button.

Эксперт HTML/CSS

.buttonX { border: 1px solid #000066; margin: 0px; padding: 10px; outline: none; background-image: url('../X.png'); width:26px; }

1 Если применить стиль с рисунком то кнопочная сущность тут же проявляется и она начинает прыгать при нажатии. Есть стиль который за это отвечает?
2 может проще было вписать прозрачную кнопку в ячейку таблицы, только у меня не получилось кнопку чётко вписать в table, это реально подогнать под размер?

Убрать выделение ИНПУТа при выборе из списка
Стандартные механизмы браузеров при выборе в Input значения из списка вводимых ранее подсвечивают.

Действия при нажатии кнопки
Привет. Подскажите пожалуйста, как при нажатии кнопки отправлять сообщение почтовой программой по.

Выделение картинок синим цветом при частом клике по ним, как убрать?
Выделение картинок синим цветом на html-странице при частом клике по ним, как убрать? Пример на.

Изменение цвета кнопки при нажатии
Подскажите, пожалуйста, как сделать так, что бы цвет кнопки при наведении был одним, а при нажатии.

Источник

Оцените статью