Форум Сайтостроение Веб-строительство

В chrome не убираются рамки

E1
На сайте с 05.09.2010
Offline
122
End1
1101

Помогите пожалуйста убрать рамки вокруг input image.

В Firefox'e всё корректно работает.

А вот в Chrome фиг.

Вот код:

html 

<input class="submit" type="image" alt=" " />

css 

#header .search .submit {

	background: #fff url('data:image/png;base64,...') no-repeat center;

	float: right !important;

	height: 18px !important;

	width: 19px !important;

	border: 0 none !important;

	display: block !important;

	padding: 0 !important;

	margin-top: 2px !important;

}
I2
На сайте с 07.03.2015
Offline
38
indenger20
#1

Допишите еще в CSS outline:0;

Отправлено с моего A820 через Tapatalk

Качественная верстка PSD макетов (/ru/forum/974524)
E1
На сайте с 05.09.2010
Offline
122
End1
#2

Что только не пробовал.. 

border: none !important;

box-shadow: none !important;

border-style: none !important;

border-color:transparent;

-moz-outline-style: none;

outline: none;

outline-color: invert;

outline-style: none;

outline-width: medium;

В итоге забил на тип image, поменял на submit и всё заработало :)

Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#3 

input:focus {outline: 0 none;}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий