CSS: How to properly remove a border using CSS when using a border radius?

Question

I have a div similar to: Jsfiddle

How can I remove the entire left border without an ugly curved radius?

Is this possible in CSS? Or is there a hack for this? (or am I too picky?)

Thanks,

Harley

+6

harley_woop Jul 12 '12 at 15:55

3 answers

 -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

This will override any css border radius.

+15

samsamm777 May 22, '13 at 11:36

if you want to remove the border, just use: border: 0px;

-3

atrepp Jul 12 '12 at 15:59

Andrew McGivery · Accepted Answer · 2012-07-12T15:58:14+0000

Is this what you are looking for?

border-radius: 0px 6px 6px 0px;