好奇怪的border-radius
发布于 6 年前 作者 xiongwei 16616 次浏览 来自 问答

很奇怪的border-radius,如下图所示每一行都是做一个view组件中四个button,我在button的样式类中定义border-radius:0运行结果是左边这张图。而如果将button的样式类中border-radius:0删掉,只重新定义button样式覆盖项

button::after {

border-radius: 0;

}

运行后的结果是中间这张图。

而只有同时定义上述得两个 才会得到第三张图的效果? 请问大神这是为什么呢? 不胜感激!

1 回复

原因就是 button 和 button::after 都有默认的 border-radius 你只覆盖一个 另外一个还存在

回到顶部