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