Onclick radio buttons to change background color
The code looks pretty good. I only see a couple CSS rules that appear to be useless - for instance:

background: #eeeeee;


under the ruleset:

.button span {


But that style is overridden by the background styles under the &lt;label&gt; tags (i.e. .orange .button span and .amber .button span). The only reason I could think that would be needed is if you have other HTML not included in the example above that would have other colors...



What is the goal of the styles for html? I read the answers to Styling the &lt;html&gt; element in CSS? and it leads me to believe it is an attempt to avoid scrollbars, but maybe that is incorrect.



And is it really necessary to specify 

background: #ffffff;


for the body tag? Maybe there are browser settings I am unaware of that allow a user to have a default background color other than that??