Стилизация изображения кнопки ввода в IE9

Question

Я оформляю форму, используя ввод, где type = image.Он хорошо отрисовывается в FF, но не в IE (рис. Ниже), где добавляет скошенную границу.Это также показывает маленькую иконку над моим изображением, хотя я предполагаю, что это потому, что это элемент формы, без каких-либо действий, возможно?-

Стили для ввода следующие, все довольно просто:

    input.search-button {
        display:block;    
        float:left;
        width:25px;
        height:25px;
        background:url(images/search.png) no-repeat;
}

Я пробовал добавить рамку: 0, без радости.Есть идеи, как лучше привести в порядок презентацию?

Answer 1

Я надеюсь, что IE9 / any можно отобразить как IE8 / IE7, добавив строку мета в заголовке html

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

, тогда один и тот же CSS подходит для каждой версии IE

Answer 2

Для границы попробуйте установить border:none;.Для ввода я бы дважды проверил ваш путь.Похоже, вы пытаетесь использовать фоновое изображение ВМЕСТО фактического изображения в атрибуте src.

Кроме того, попробуйте указывать пути к изображениям косой чертой (/), которая приведет вас ккорень, а затем развернуть оттуда.

Надеюсь, это поможет!

Мэтт