blueprint css help

[severndigital]

I am trying to use blueprint css framwork. Everything is falling into place and working quite well.

 

My problem now is that i want to make a form input field have a background color if it is required.

 

I tried just making a class called req_item with a background of the color I want, but it won't apply

 

here is my custom css call

.req_item
{
background-color: #DEF;
}

 

and my input field

<input type="text" value="<?=set_value('old_number',$job_info['job_number']);?>" class="req_item"/>

 

no matter what, the blueprint default input css takes over and the background of the input field does not change to color i put into the req_item class.

 

I don't understand why I cannot override the blueprint css for the input field.

 

Thanks in advance for any help.

[haku]

You need to give a higher specificity to your selector than the framework has.

 

Try this:

 

input.req_item
{
background-color: #DEF;
}

If that doesn't work, add another parent before 'input'.

[severndigital]

that worked perfectly.. thank you