Firefox 边界半径行为不端

在FF中，这个边界半径似乎不起作用。 链接这里

大长方体的右半径应为0px，小长方体的左半径应为0以连接它们

HTML:

-moz边框半径右上角：0px

-moz边框半径右上角：0px

---

不幸的是，在webkit和mozilla之间，CSS属性的形式各不相同

对于Firefox，您需要：

-moz-border-radius-bottomright:
-moz-border-radius-bottomleft:
-moz-border-radius-topright:
-moz-border-radius-topleft:

-webkit-border-top-left-radius:    
-webkit-border-top-right-radius:
-webkit-border-bottom-left-radius:
-webkit-border-bottom-right-radius:

对于您想要的Safari和Chrome：

-moz-border-radius-bottomright:
-moz-border-radius-bottomleft:
-moz-border-radius-topright:
-moz-border-radius-topleft:

-webkit-border-top-left-radius:    
-webkit-border-top-right-radius:
-webkit-border-bottom-left-radius:
-webkit-border-bottom-right-radius:

你似乎有：

-moz-border-bottom-right-radius:0px;
-moz-border-top-right-radius:0px;

---

这是无效的。

不幸的是，CSS属性的形式在webkit和mozilla之间有所不同

对于Firefox，您需要：

-moz-border-radius-bottomright:
-moz-border-radius-bottomleft:
-moz-border-radius-topright:
-moz-border-radius-topleft:

-webkit-border-top-left-radius:    
-webkit-border-top-right-radius:
-webkit-border-bottom-left-radius:
-webkit-border-bottom-right-radius:

对于您想要的Safari和Chrome：

-moz-border-radius-bottomright:
-moz-border-radius-bottomleft:
-moz-border-radius-topright:
-moz-border-radius-topleft:

-webkit-border-top-left-radius:    
-webkit-border-top-right-radius:
-webkit-border-bottom-left-radius:
-webkit-border-bottom-right-radius:

你似乎有：

-moz-border-bottom-right-radius:0px;
-moz-border-top-right-radius:0px;

---

这是无效的。

您的声明有点不正确，mozilla样式应该是这样的：

#product___specField_8 {
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topright:0px;
}

#product__specfield_8_arrow {
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px
}

---

您的声明有点不一致，mozilla的风格应该是这样的：

#product___specField_8 {
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topright:0px;
}

#product__specfield_8_arrow {
  -moz-border-radius-topleft:0px;
  -moz-border-radius-bottomleft:0px
}

解决方案：

这里,， 5px表示左上角， 10px代表右上角， 15px用于右下角， 20px用于左下角。

解决方案：

这里,， 5px表示左上角， 10px代表右上角， 15px用于右下角， 20px用于左下角