Question

$('.editable').editable('/echo/html/', {
    callback: function (value) {
        $(this).data('bgcolor', $(this).css('background-color'));
        if (value == this.revert) {
            $(this).animate({
                color: "red"
            }, 400);
            $(this).animate({
                backgroundColor: $(this).data('bgcolor'),
                color: "black"
            }, 400);
        } else {
            $(this).animate({
                color: '#91c83e'
            }, 400);
            $(this).animate({
                backgroundColor: $(this).data('bgcolor'),
                color: "black"
            }, 600);
        }
    },
    name: 'value',
    width: '50px',
    height: '16px',
    onblur: 'submit'
});

http://jsfiddle.net/qrA6y/1/

我正在使用Jeditable的css问题，当我选择并显示该框时，当我取消选择（因此将输入框返回到<tr>时，它将背景颜色设置为时间的颜色设置）

即如果你通过选择同一行中的其他部分来取消选择输入框（保持行以黄色突出显示）然后移开鼠标，背景将保持黄色。

类似地，如果通过选择“关闭”行取消选择输入框，背景将设置为白色，当返回悬停在该行上时，悬停颜色将不再有效。

Answer 1

尝试在css样式中添加悬停，如下所示：

<style>
.editable:hover { #91c83e; }
</style>

可倾斜的css悬停问题

1 个答案: