jquery-animate - 边框框隐藏jQuery动画中的伪元素

Question

我有一个奇怪的问题，在应用时不会出现伪元素：

box-sizing:border-box;

测试用例 1： http: //jsfiddle.net/kGGuP/1/ - 这按预期工作。单击该框将显示内容，并且还将显示“箭头”伪元素。

测试用例 2： http: //jsfiddle.net/XGGg4/ - 我已经添加

* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

到 CSS。如您所见，“箭头”伪元素将不再出现。这将发生在除 Firefox 之外的所有浏览器中。

除了删除box-sizing:border-box;之外，还有什么解决方法吗？? 我真的不想删除这条规则。

附加信息：

只有带参数的 .toggle()和.slideToggle()似乎有这个问题。

如果使用不带参数的 .toggle()和.fadeToggle()，它可以正常工作。

score 0 · Accepted Answer

添加

*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

真的搞砸了你的代码，而不是你可以设置box-sizing:border-box;每个单独的元素。这将为您创造奇迹。

score 0 · Accepted Answer

我在 CSS 文件中做了一些小改动，用你希望的代码检查一下

你可以用

*{
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}

上面的代码也将有助于您的代码

2 回答 2