带有尖角的矩形边框样式 [英] Rectangular border style with sharp corners

问题描述

小提琴下方的边框在Firefox上是弯曲的，如何更新此CSS，以使其带有尖角的矩形? 我尝试将css更新为边界:1px固体#CCC！important;"

The border on below fiddle is curved on firefox, how can this css be updated so that its rectaungular with sharp corners ? I've tried updating the css to "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; 
}

推荐答案

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

You need to override border radius, in your code both border-radius and -webkit-border-radius are set to 12px:

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

这篇关于带有尖角的矩形边框样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！