CODEWITHSUNDEEP
jquerycss
user701254
user701254

Reputation: 3953

Rectangular border style with sharp corners

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

Upvotes: 0

Views: 1890

Answers (2)

Ryan Brodie
Ryan Brodie

Reputation: 6620

Add the border-radius tag to the CSS.

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

Upvotes: 1

Zbigniew
Zbigniew

Reputation: 27614

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

Upvotes: 1

Related Questions