css - 如何禁用宽度：100%；和框大小：边框框；

Question

我在包装器 div 中有提交按钮。对于所有这些输入在这样的包装器中的情况，我都有全局设置。

我只想让一个位于包装器的中心，但是属性width:100%;并且box-sizing: border-box;是全宽的，所以我的text-align: center;属性将不起作用。我想禁用全宽到边缘按钮到包装器的中心。

问题：

如何禁用width: 100%;和box-sizing: border-box;使用 CSS？

因此我可以将输入集中到中心。

HTML：

<div class="wrapperInput">
    <input type="submit" class="submit" value="Submit">
</div>  

CSS：

#wrapper .wrapperInput input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}

Answer 1

尝试：

#wrapper .wrapperInput input {
    width: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     box-sizing: content-box;
}