Default css for custom html tags?

Question

I sometimes use custom html tags as containers for other elements:

<message-panel></message-panel>

Does an unknown element like the above have a default set of styles, common among the major browsers?

And, is it possible to set a default style for all unknown elements on a page?

you cannot target all unknown tags only via CSS. Why can't you simply style the set of tags you use one-by-one? can't be that many. — vsync
– vsync, Commented Jul 20, 2018 at 8:41
You could style all unknown elements using javascript, but...it's ugly — vsync
– vsync, Commented Jul 20, 2018 at 8:54
This post is a non sense, all answers to the question got downvote. — robinvrd
– robinvrd, Commented Jul 20, 2018 at 9:10
I could certainly style each tag separately. I'm just curious if it is necessary, and perhaps also how much styling I need to add as a minimum. — Arne Evertsson
– Arne Evertsson, Commented Jul 21, 2018 at 11:48

Grenther · Accepted Answer · 2018-07-20 08:45:14Z

1

All unknown elements have a computed display value of “inline” source

You can use

* { ... }

for all elements, however this means that you overwrite anything non-specific set for default elements too.

It's better to keep to using HTML5 defined tags unless you're doing something along the lines of webcomponents.

answered Jul 20, 2018 at 8:45

Grenther

4763 silver badges10 bronze badges

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

1 Answer 1