我有另一个棘手的CSS3情况，我正在打破我的头脑。我正在使用CSS为一个表单设置样式，两侧边框为10px，底部为12px边框，边框半径为15px。
不幸的是，12px和10px边界符合转换的点并不是渐进的，而是有一个2px的块从边界内部伸出。示例（为清晰起见放大尺寸）：
任何想法如何只使用css而没有额外的元素来解决这个问题？或者这只是它当前呈现的方式，我应该找到另一种解决方案吗？
答案 0 :(得分：2)
添加
border-bottom-left-radius:10px 20px;
border-bottom-right-radius:10px 20px;
参考：http://www.w3.org/TR/css3-background/#the-border-radius
使用mozilla
-moz-border-radius-bottomright
-moz-border-radius-bottomleft
如果你愿意，虽然它会自动处理问题（如果你在例子中将拼写错误修改为px）。
参考：https://developer.mozilla.org/en/CSS/border-bottom-right-radius