Styling Widgets! 4

The following three bars of color should have big yellow labels, and clicking on the colours should make big yellow circles appear on the left hand side.

As of 1999-09-26, the following problems occur:

  1. The :-moz-radio pseudo element doesn't render unless left padding is applied. It should render even though the <input> element has zero width, since 'overflow' property of the input is 'visible'.
  2. Margins on the input element are not being applied unless the input element is given some width. This is wrong per CSS, since the width of an inline element is irrelevant as far as its margins are concerned.
  3. The :-moz-radio pseudo element is _always_ centred about the input element. Per CSS2, it should be centred by using "margin: auto" in ua.css.

Prev Next