Обходной путь для ввода [type = "text"]: фокус в IE6

Question

input[type="text"]:focus{
    border:solid 2px red;
}

Если бы я использовал вышеупомянутое правило CSS, оно не сработало бы в IE6, оно просто отключает текстовый элемент управления. Я знаю, что с битом CSS можно позаботиться об использовании условного комментария. Теперь я понимаю, что для получения Чтобы изменить границы в IE6, я должен использовать javascript или jQuery. Мой вопрос: существует ли условный комментарий, похожий на CSS, для сценария Java, который связывает функцию, которая изменяет границу элемента управления, только если браузер IE6? Потому что современные браузеры не нуждаются в этом коде. Надеюсь, у меня есть смысл.

Answer 1

Просто сделайте то же самое:

<!--[if lte IE 6]>
<script type='text/javascript'>
    // IE JAVASCRIPT HERE
</script>
<![endif]-->

Answer 2

Не существует селектора, который мог бы сделать это для IE6, если вам абсолютно необходимо поддерживать эту функцию, вам придется воспользоваться помощью javascript.Поместите эту функцию на свою страницу:

function appendInputTypeClasses() { 
 if (!document.getElementsByTagName ) 
  return; 
 var inputs = document.getElementsByTagName('input'); 
 var inputLen = inputs.length; 
 for ( i=0;i<inputLen;i++ ) { 
  if ( inputs[i].getAttribute('type') ) 
   inputs[i].className += ' '+inputs[i].getAttribute('type'); 
 } 
} 

Это добавит тип ввода в класс, так что вы можете использовать:

input[type='text'],input.text
input[type='radio'],input.radio
input[type='checkbox'],input.checkbox

Answer 3

Обнаружение IE6 с использованием jQuery.support

Answer 4

Вы пытались использовать ie7js, ie8js или ie9js?

http://code.google.com/p/ie7-js/

Это, на мой взгляд, будет оптимальным способом решения этой проблемы, поскольку вы просто включаете соответствующий скрипт в свойстраницы, и он автоматически исправляет некоторые функции для вас.