-moz-box-sizing:边框；覆盖

Question

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

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

用于所有按钮。

现在我刚刚安装了arrowchat脚本，我在上面的规则中遇到了一个问题，它毁了我来自arrowchat的css。我试着添加

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

添加到我的arrowchat类，但仍然没有任何影响。有人能给我一个解决方案吗？

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 */

你需要他们全部覆盖所有的浏览器。