Question

有没有办法让链接标记内的输入文本在IE8中运行良好？我不能将插入符号放在里面，也不能选择其中的文本。

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

我认为我尝试这样做的原因在这里并不重要，只考虑我没有选择让它在<a>标签下工作。我只能控制<a>标记内的内容。

作为一个解决方案，我在IE8模式下考虑了一些JQuery DOM操作，但必须有一种更容易/更清晰的方法来修复这个“bug”。

由于

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');
    });
});

度过愉快的一天。

在IE8中的链接标记内输入文本

1 个答案: