jquery - 带有尖角的矩形边框样式

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;
}​