带尖角的矩形边框款式

Question

下方小提琴的边框在firefox上是弯曲的，如何更新这个css以使其直角与尖角？ 我已经尝试将css更新为“border：1px solid #CCC！important;”

http://jsfiddle.net/3Uz7S/

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>


.pds-box {
    border: 1px solid #CCC !important; 
}

Answer 1

您需要覆盖边框半径，在您的代码中，border-radius和-webkit-border-radius都设置为12px：

.pds-box {
    border: 1px solid #CCC !important; 
    border-radius:0 !important;
    -webkit-border-radius:0 !important;
}​

Answer 2

将border-radius标记添加到CSS。

.pds-box {
    border: 1px solid #CCC !important;
    border-radius: 0px !important;
}​