Default style for input

Question

I need a way to change the default style of a textfield. For
example, if the textfield is required, I want the set the
background color to yellow (FFFFCC) so that when the page
containing that textfield loads the background color will already
be yellow. Here is some sudo code that I thought would work but can
get the spry css to over-ride:
Default style:
.textfieldDefaultState input, input.textfieldDefaultState {
background-color: #FFFFCC;
Textfield:
<span id="sprytextfield1">
<input type="text" name="text1" id="text1"
class="textfieldDefaultState"/>
<span class="textfieldRequiredMsg">A value is
required.</span>
</span>
<script type="text/javascript">
<!--
var sprytextfield1 = new
Spry.Widget.ValidationTextField("sprytextfield1", 'none',
{validateOn:['change']});
//-->
</script>

Answer 1

Thanks for the response, but my problem is that I want the
Spry CSS to override the default/initial CSS. In fact, I want the
initial background color to be a designated color for my required
field(s), for example yellow (which is currently the color used in
conjunction with the onfocus event), when the page loads or is
refreshed in addition to when the field is in focus. Currently the
textfield samples have no default/initial CSS. When the required
field is validated then the field should change. Currently the
textfield samples use CSS to display the background color as red
when the validation returns false and green when true.
Thanks