Отправить изображение границы в Safari и Chrome?

Question

У меня есть кнопка отправки изображения:

 <input id="sbutton" type="image" value="&nbsp;" />   

Стилизовано так:

#sbutton {
    text-indent: -99999px;
    border: 0;
    background-image: url('submit.png'); 
    width: 201px;
    height: 37px;
}

Она отлично работает в Opera в Firefox, размер кнопки около 10x10px и в Safariа у Chrome у него какая-то странная граница (как у iframes есть), и я понятия не имею, как от этого избавиться?

Спасибо :))

Answer 1

Изменен тип изображения для отправки, поскольку я использовал фоновое изображение в CSS, и это исправило мою проблему.

Answer 2

Может ли это быть контур?Установите:

 #sbutton:active,
 #sbutton:focus
 {
  outline: none;
 }

Попробуйте.

Answer 3

По-видимому, это происходит для входных изображений без атрибута src.Вы можете дать ему src, как в этом посте:

input type = "image" показывает нежелательную границу в Chrome и неработающую ссылку в IE7

ИЛИ, вы можетепросто используйте ввод type = "submit" вместо type = "image", если вы все равно устанавливаете фоновое изображение.

Answer 4

Это правильное решение для этого вопроса:

:active, :focus { outline: none; }

Answer 5

Попробуйте:

border:none;

вместо:

border:0;