宽度为100%的输入字段"到达"填充

Question

我有一个带有输入字段的Tablecell.Inputfield应填满Tablecell,但不能覆盖其填充.我看起来像这样(用萤火虫):

我希望输入字段保持在蓝色区域内而不是进入紫色区域.

而且:我当然首先阅读了关于这个主题的所有问题.我读了所有这些,但我找不到任何实际解决的答案.

它应该适用于所有现代浏览器(即7);

我用jsfiddle创建了一个最小的实例,其中我在其他问题中尝试了所有解决方案,但我无法让它工作.a)有没有可行的解决方案？和b)是否有一个很好的非解决方案？

为什么这是所有浏览器中的问题？我认为这是CSS中的错误规范.因为如果我说"100%"当然我希望元素符合"内容区域"的"100%".让它流入填充和边距的用例是什么？

Answer 1

好吧,你去吧..

我使用的是精确的相同的方法,这个答案.

请参阅:http://jsfiddle.net/AKUsB/

CSS:

.inputContainer {
    background: #fff;
    padding: 3px 3px;
    border: 1px solid #a9a9a9
}
.inputContainer input {
    width: 100%;
    margin: 0; padding: 0; border: 0;
    display: block
}

HTML:

<div class="inputContainer">
    <input type="text" name="company" id="company" value="" class="formInputTextField" style="width: 100%;" />
</div>