jEditable输入框CSS样式

我正在尝试设置使用jEditable呈现的输入框的样式.

我想在双击文本并使其可编辑时更改表格单元格的颜色.像这样:

替代文字http://www.hongaijitsu.com/temp/foobar/public/Picture-2.png

这就是我现在所处的位置:jEditable CSS问题(双击表格单元格中的文本)

HTML片段:

    Drogo Shankara
    dshan@gmail.com
    Web
    Pending mail
  

jQuery代码:

$(function() {

$(".dblclick").editable("#", { 
    tooltip   : "Doubleclick to edit...",
    event     : "dblclick",
    css : 'inherit'
    });
});

对应的CSS:

.dblclick form {
    height: inherit !important;
    width: inherit !important;
    border: 0;  
    margin: 0;
    padding: 0;
    background: red;
    }

.dblclick input {
    height: inherit !important;
    width: inherit !important;
    border: 0;  
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    }

我希望输入框继承父表单元格的高度和宽度,但是当我查看Firebug中的输入框时,它已经设置了内联CSS高度和宽度,导致表格单元格在td按下文字.我尝试覆盖内联CSS inherit !important,但它不起作用.

这里有一些概念我还没有完全理解,但它可能是完全平庸的.

有什么想法有什么不对？