很奇怪的border-radius，如下图所示每一行都是做一个view组件中四个button，我在button的样式类中定义border-radius：0运行结果是左边这张图。而如果将button的样式类中border-radius：0删掉，只重新定义button样式覆盖项
button::after {
border-radius: 0;
}
运行后的结果是中间这张图。
而只有同时定义上述得两个 才会得到第三张图的效果？ 请问大神这是为什么呢？ 不胜感激！
很奇怪的border-radius，如下图所示每一行都是做一个view组件中四个button，我在button的样式类中定义border-radius：0运行结果是左边这张图。而如果将button的样式类中border-radius：0删掉，只重新定义button样式覆盖项
button::after {
border-radius: 0;
}
运行后的结果是中间这张图。
而只有同时定义上述得两个 才会得到第三张图的效果？ 请问大神这是为什么呢？ 不胜感激！
1 个回答
原因就是 button 和 button::after 都有默认的 border-radius 你只覆盖一个 另外一个还存在
他们两个的区别是什么呢 ？
了解下 CSS的伪元素