internet-explorer-8 - 在 IE8 中的链接标签内输入文本

Question

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

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

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

作为一种解决方案，我正在考虑在 IE8 模式下进行一些 JQuery DOM 操作，但必须有一种更简单/更清洁的方法来修复这个“错误”。

谢谢

Answer 1

我认为这是由于输入和链接标记显示属性，而输入是display:inline-block;您的链接是display:inline;. 如果它不起作用，请尝试使用这些属性和 z-index。

然而，我认为 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');
    });
});

祝你今天过得愉快。