forms - Firefox 23 的表单文本框中缺少光标

Question

我在 Firefox 上遇到问题，我在表单的文本框中看不到光标。这是在 Firefox 22 上看到的，自从我今天早上升级到 23.0.1 以来。

这在 Chrome 或 IE 中不会发生，似乎是 Firefox 特有的问题，但通过从 Firebug 中的表单字段中删除样式，我似乎无法缩小它的范围。

我的表单域之一:

<input type="text" autocomplete="off" value="" id="CardNum" name="CardNum" class="textbox">

应用于该表单域的 CSS:

.input_box_shadow, .standard_form textarea, .standard_input, .standard_form input {
    background: -moz-linear-gradient(90deg, #EDECEC, #DDDDDD) repeat scroll 0 0 border-box #F4F4F0;
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px white, 0 0 12px #F4F4F0 inset, -999px 0 0 #F4F4F0 inset;
    outline: medium none;
    transition: all 0.2s linear 0s;
}
.standard_input, .standard_form input {
    color: #434242;
    font-size: 1.05rem;
    height: 22px;
    letter-spacing: 0.1rem;
    padding-left: 5px;
    width: 230px;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

Answer 1

我已将其追溯到我的代码，以下是罪魁祸首。

$('form').on('focus','li', function(event) {
    if($(this).closest('form').attr('id') == 'oform'){
       return false;
    }
    $(this).closest('form').find('li').css('zIndex', '0');
    $(this).css('zIndex', 1998);
});

我将 return false; 更改为 event.preventBubble = true;，这解决了 Firefox 的问题。