jquery - 添加 jquery 2.0.3 会破坏 IE10 上文本框的文本对齐

Question

我在使用 jQuery 时看到一些奇怪的行为。就像它对 input[type=text] 元素做了一些事情，让它们表现得很奇怪。

注意这个 jsFillder 没有引用 jquery。

http://jsfiddle.net/P3kk7/

<style>
    td.right input {
        text-align:right;
    }
</style>
<table>
<tr>
    <td class="right">
        <input type="text" />
    </td>
    <td id="testing">
        <input type="text" />
    </td>
</tr>
</table>
<script>    
  var td = document.getElementById("testing");
  td.className = "right";
</script>

当您在每个文本框内单击时，您会看到相同的行为。光标按预期右对齐。

现在当我添加 jQuery

http://jsfiddle.net/3Nrzd/

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

单击 javascript 修改的 className 不会使光标右对齐。关注第二个文本框并开始输入一些数据后，它将使其在演示期间右对齐。

我已经使用 $().css() 方法完成了此操作，没有任何区别。我还删除了用于咯咯笑的 ::ms-clear 伪元素，没有任何区别。

我希望两个文本框的行为相同，因为它们是相同的。

如有任何建议，我们将不胜感激。乌特

Answer 1

我通过添加 -ms-writing-mode: rl-tb; 规则解决了这个问题:

td.right input {
    text-align:right;
    -ms-writing-mode: rl-tb;
}

现场 fiddle :http://jsfiddle.net/keaukraine/mNHJ6/

有关专有 -ms-writing-mode CSS 属性的更多信息:http://msdn.microsoft.com/en-us/library/ie/ms531187%28v=vs.85%29.aspx