Текст ввода внутри тега ссылки в IE8

Question

Есть ли способ сделать ввод текста внутри тега ссылки хорошо работать в IE8? Я не могу поместить курсор внутрь и не выбирать текст внутри него.

<a href="#"><input type="text"></a> 

Я думаю, что причина, почему я пытаюсь сделать это здесь не важно, просто рассмотреть у меня нет выбора, чтобы он работал под <a> теге. Я контролирую только то, что находится внутри тега <a>.

В качестве решения я подумывал о некоторых манипуляциях JQuery DOM в режиме IE8, но должен быть более простой и понятный способ исправления этой «ошибки».

Благодаря

Answer 1

Я думаю, что это происходит из-за свойств ввода и ссылки тегов дисплея, в то время как вход display:inline-block; ваша ссылка display:inline;. Попробуйте сыграть с этими свойствами и z-index, если он не работает.

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

HTML:

<a href="#" id="myInputLink"><input type="text" /></a> 

JQuery скрипт

jQuery(document).ready(function(){ 
    $("#myInputLink").click(function(){ 
     // .trigger('focus') or .focus(), but the first one is better on my own 
     $(this).next('input[type="text"]').trigger('focus'); 
    }); 
}); 

Иметь хороший день.