收藏
回答

好奇怪的border-radius

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

button::after {

border-radius: 0;

}

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

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


最后一次编辑于  2018-12-04
回答关注问题邀请回答
收藏

1 个回答

  • Stephen
    Stephen
    2018-12-04

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

    2018-12-04
    赞同 1
    回复 2
    • 他的、国
      他的、国
      2018-12-04

      他们两个的区别是什么呢 ?

      2018-12-04
      回复
    • Stephen
      Stephen
      2018-12-04回复他的、国

      了解下 CSS的伪元素

      2018-12-04
      回复