0

我在 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;
}
4

1 回答 1

0

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

$('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 的问题。

于 2013-08-20T14:03:10.020 回答