CSS:How to properly remove border using CSS when border-radius is used?

Question

I have a div styled like so: Jsfiddle

How can I remove all of the left hand side border, without the ugly curved radius?

Is it possible in CSS? Or is there a hack to do it? (or am I being too picky?)

Thanks Muchly,

Harley

Hall

Answer 1

Is this what you are looking for?

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

Maculate

<blush><smacks-head> Oh yes! Why didn't I think of that? Sorted. Thanks. – Hall

Answer 2

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

This will override any border radius css.

Indusium

Why 0px and not just 0? – Twinberry

Note: 0 is unitless, so px is redundant. Should just be border-radius: 0; – Beforetime

Answer 3

TIL

border-top-left-radius: 8px 8px;

is a thing

Inge

Answer 4

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

Benediction

Thanks for the help, but I didn't want to remove the whole border. – Hall

Not true, you can have border radius with no or transparent border. – Goglet

Note: 0 is unitless, so px is redundant. can just be border: 0; – Beforetime