How to override a CSS property to use the attribute value

Question

You have the following HTML:

<object height="400"></object>

In the CSS, you have:

object { height: auto; }

Is there a way to omit the CSS height: auto without deleting it? In other words, is there a way to make the attribute value override the stylesheet?

height="400" isn't inline CSS, it's an attribute with a value. Inline CSS would be style="height:400px" — j08691
– j08691, Commented Oct 22, 2013 at 14:55
You are completely correct, I have edited my question. Thanks! — user2413333
– user2413333, Commented Oct 22, 2013 at 14:56

David Nguyen · Accepted Answer · 2013-10-22 14:54:55Z

3

use the style tag on an element:

<object style="height:400px"></object>

answered Oct 22, 2013 at 14:54

David Nguyen

8,5182 gold badges35 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cimmanon · Accepted Answer · 2013-10-22 15:01:31Z

1

Use the :not selector:

http://cssdeck.com/labs/bgv0buyf

object:not([height]) {
  height: auto;
}

answered Oct 22, 2013 at 15:01

cimmanon

68.6k17 gold badges169 silver badges172 bronze badges

Comments

Ed_ · Accepted Answer · 2013-10-22 14:57:16Z

0

CSS in the style attribute will override that defined against an element. If it's not doing that in your code, then there is likely some other CSS rule being applied.

I'd suggest using a DOM inspector such as the one in chrome developer tools (right click -> inspect element) to see what's going on.

For more info, read up on CSS specificity.

answered Oct 22, 2013 at 14:57

Ed_

19.2k8 gold badges48 silver badges75 bronze badges

Comments

Sudheer · Accepted Answer · 2013-10-22 15:04:11Z

0

<object style="height:400px !important;"></object>

css inline statement overrides ext stylesheet references. use developer tools to figure out css overrides.

answered Oct 22, 2013 at 15:04

Sudheer

2,9762 gold badges24 silver badges36 bronze badges

Collectives™ on Stack Overflow

How to override a CSS property to use the attribute value

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related