@al3ch5

Кнопочка, не прыгай пожалуйста?

Есть следующий код :
<form action="#search" class="form">
     <input type="text" name="query" placeholder="Search">
     <input type="submit" value="GO" name="go">
</form>

CSS
/* Search Field*/
		input[type="text"]{
			border:#e7e7e7 solid 1px;
			
			font-family: Tahoma;
			color:#c3c3c3;
			height:32px;
			width: 200px;
			padding-right: 42px;
			text-indent: 10px;
		}
		input[type="submit"]{
			border:none;
			outline:none;
			font:14px/32px Oswald;
			width:42px;
			background:#29c5e6;
			color:white;

			position:absolute;
			top:0;
			bottom:0;
			right:0;
		}

После нажатия на кнопку, если в поле записаны данные, в Google начинается непонятно. Может масштаб страницы поменяться, или форма будет прыгать(выпадать из своего места)
cda13371bab249de846647952deea816.PNG6a9e7eb2796348779f59049752d9dfc9.PNG

Аналогичная страница в Firefox, Opera работает нормально! В Google - нет!

Подскажите что не так, не хотелось бы такой прыгание!
  • Вопрос задан
  • 288 просмотров
Решения вопроса 1
@enlare
может у тебя кнопка наследует от чего-то outline-offset ?
попробуй outline:none !important
для всех состояний инпутов
input:active, input:focus, input:hover, input
да, и сделай курсор свой кнопке, а то не комильфо
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
В примере не хватает стилей для form.
У меня вот не прыгает jsfiddle.net/vghno57g/1
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы