带尖角的矩形边框样式
问题描述:
下面的小提琴边框在firefox上是弯曲的,这个css如何更新以使它的直角棱角尖锐? 我试着将CSS更新为“border:1px solid #CCC!important;”带尖角的矩形边框样式
<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
:
.pds-box {
border: 1px solid #CCC !important;
border-radius:0 !important;
-webkit-border-radius:0 !important;
}
答
的border-radius
标记添加到CSS。
.pds-box {
border: 1px solid #CCC !important;
border-radius: 0px !important;
}