Reputation: 1849

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

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

Upvotes: 20

Answers (4)

Reputation: 595

TIL

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

is a thing

Upvotes: 0

Reputation: 1686

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

This will override any border radius css.

Upvotes: 27

Reputation: 2122

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

Upvotes: -3

Reputation: 1390

Is this what you are looking for?

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

Upvotes: 22