如何禁用宽度：100％;和盒子大小：边框;

Question

我在包装div中提交了按钮。我有所有这些情况的全局设置，其中输入是这样的包装。

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

问题：

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

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

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;
}