Помогите убрать черную рамку на фокусе кнопки ввода в IE

Question

В IE 7 и ниже я не могу избавиться от черной границы, которая появляется, когда кнопка ввода имеет фокус.Я пробовал:

input:focus {
outline-width:0;
outline:none;
border: 1px solid #FFF; 
}

в CSS, но это ничего не делает.Есть идеи?

Answer 1

Вам нужно установить border-color на прозрачный, чтобы удалить границу в IE.Как это:

input:focus{
  border: none;
  border-color: transparent;
}

Подробнее об этом здесь: http://bitesizebugs.wordpress.com/2009/08/17/border-none-not-working-on-text-input-in-internet-explorer/