How to redefine the border: no?

Question

I work with some absolutely terrible third-party software and need to overwrite their CSS styles with an external CSS file.

They set border: nonefor all form fields, but I would like the input fields to use the style of the browser styles.

How can I redefine border: noneso that the form fields are styled as if a property were not set border?

+5

Shpigford Jan 27 '12 at 20:23

4 answers

Caleb thompson · Answer 1 · 2012-01-27T20:25:57+0000

Set exceptions as border: inherit.

This will override the last border rule.

stelar7 · Answer 2 · 2012-01-27T20:30:31+0000

j08691 · Answer 3 · 2012-01-27T20:59:34+0000

, inline:

input {
    border: 1px solid #999 !important;
}

Jukka K. Korpela · Answer 4 · 2012-01-27T21:35:52+0000

, CSS , . , - CSS , " "; , ( , ).

, :

input { border: solid 1px #ddd; border-top-color: #aaa; padding: 2px; }

( !important), .