1

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

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(),它可以正常工作。

4

2 回答 2

0

看看这个http://jsfiddle.net/XGGg4/5/

添加

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

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

于 2012-12-06T10:18:21.190 回答
0

这是链接http://jsfiddle.net/XGGg4/1/

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

你可以用

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

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

于 2012-12-06T09:40:57.830 回答