Рамка в input image

@phpsleep · Регистрация: 13.07.2014

Author24 — интернет-сервис помощи студентам

Почему появляется рамка, и как ее убрать?

HTML5

1	<input type="image" class='goenter'>

CSS

.goenter{width: 43; height: 43px; margin-top: -25;margin-left: 12;
background:url([url]http://test1.ru/img/go.png[/url]) 100% 100% no-repeat;
background-size: cover; /* Масштабируем фон */
}
.goenter:hover{width: 43; height: 43px; margin-top: -25;margin-left: 12;
background:url([url]http://test1.ru/img/g0.png[/url]) 100% 100% no-repeat;
background-size: cover; /* Масштабируем фон */
}
.goenter:focus{outline: none;
}

@mymedia · 18.08.2014, 19:47

Что за рамка-то? В опере у меня нет никаких рамок. Firefox сообщает, что не удалось загрузить картинку, т.к. не указан атрибут src.
Лучше сделай так: замени image на input, а всё остальное оставь

HTML5

1	<input type="INPUT" class='goenter'>

@phpsleep · 18.08.2014, 19:51 **[ТС]**

mymedia , сейчас попробую. спасибо

@newJS · 18.08.2014, 21:37

Это картинка, для неё рисуется бордер, так что добавить border:0 и все пройдет.

Сообщение от mymedia

В опере у меня нет никаких рамок

Этим осёл всегда грешил, видать большие уши сильно на мозг ему давят.

@phpsleep 1 / 1 / 1 Регистрация: 13.07.2014 Сообщений: 85
	18.08.2014, 19:51 [ТС]	3
	mymedia , сейчас попробую. спасибо 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	18.08.2014, 21:37	4
	Сообщение было отмечено phpsleep как решение Решение Это картинка, для неё рисуется бордер, так что добавить border:0 и все пройдет. Сообщение от mymedia В опере у меня нет никаких рамок Этим осёл всегда грешил, видать большие уши сильно на мозг ему давят. 2

Рамка в input image

Решение