Transparent becomes red

Question

This html shows a red text in Chrome and Firefox:

<font color="rgba(0,0,0,0)">foobar</font>

One would expect transparent font. Is this a browser-bug?

`` is deprecated, you should not use it. – 0stone0 May 02 '22 at 12:43 — 0stone0, May 02 '22 at 12:43

score 7 · Accepted Answer · answered May 02 '22 at 12:44

7

You are confusing HTML and CSS. The color attribute of the font element only takes an hex value, such as #000000 which doesn't support transparency. (See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font#attr-color). rgba(0,0,0,0) is CSS syntax and can't be used there.

Generally you shouldn't be using the font element anyway.

answered May 02 '22 at 12:44

RoToRa

1

As for why the `color` is interpreted as red, I expect the answers here https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color will explain it. – David Thomas May 02 '22 at 12:47
You are right - this explains why. – doublemax May 02 '22 at 12:50

1 Answers1