html - -moz-box-sizing : border-box; overwrite

Question

我有一个问题，我找不到解决方案。我在我的网站上使用 bootstrap，它使用

*, *:before, *:after {
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
}

所有按钮。

现在我刚刚安装了 arrowchat scrip，我对上面的这条规则有疑问，它破坏了我来自 arrowchat 的 css。我试着添加

-webkit-box-sizing:content-box !important;

我的 arrowchat 类(class)，但它仍然没有任何影响。有人可以为此提供解决方案吗？

Answer 1

-webkit-box-sizing: content-box; /* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: content-box; /* Firefox 1+ */
box-sizing: content-box; /* Chrome, IE 8+, Opera, Safari 5.1 */

你需要所有这些来覆盖所有浏览器