Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to override border:none?

Tags:

css

I'm working with some thoroughly awful third-party software and needing to overwrite their CSS styling via an external CSS file.

They've set border: none on all form fields, but I'd like to have the input fields just use the browser's default styling.

How can I override the border: none so that the form fields are styled as if no border property was set?

like image 409
Shpigford Avatar asked Jan 27 '12 20:01

Shpigford


People also ask

Is Border None valid?

Both are valid. It's your choice. I prefer border:0 because it's shorter; I find that easier to read. You may find none more legible.

How do you get no border in CSS?

We can specify the no border property using CSS border: none, border-width : 0, border : 0 properties. Approach 1: We will give border-color, border-style properties to both headings, for showing text with border and no-border. For no border heading, we will use the border-width : 0 which will result in no border.

What does border-style none do?

none. Like the hidden keyword, displays no border. Unless a background-image is set, the computed value of the same side's border-width will be 0 , even if the specified value is something else.


1 Answers

Style the exceptions as border: inherit.

This will override the most recent border rule.

like image 117
Caleb Hearth Avatar answered Sep 22 '22 13:09

Caleb Hearth