jQuery 真人 - 在 IE 上的不正确视图

Question

我有jQuery真人库的验证码，v2.0.1.

在 chrome 浏览器上它可以修复。但在 IE 中，验证码看起来不正确。

这是我的代码（- 基于 javascipt + html + jQuery +knockout.js）：

<input type="text" id="captcha" />
<span style="color: red;" data-bind="text: captchaError"></span>

js:

$('#captcha').realperson();

查看 Chrome 和 Internet Explorer 的图片：

更新：

根据建议加行高，我加了行高，但字母不清晰：

Answer 1

你还有其他 CSS 我们强制 line-height of div.

请尝试：（在 Chrome 和 IE 10+ 上为我工作）

$(document).ready(function(){
    $("#test").realperson();
});

.realperson-text{
    line-height:3px !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://keith-wood.name/js/jquery.plugin.js"></script>
<script src="http://keith-wood.name/js/jquery.realperson.js"></script>
<link href="http://keith-wood.name/css/jquery.realperson.css" rel="stylesheet"/>
<input type="text" id="test" />

jQuery 真人 - 在 IE 上的不正确视图

jQuery real person - un-correct view at IE

jquery

captcha

cross-browser