CSS buttons and dropdowns

[eluser]Juan Velandia[/eluser]
Hello everyone, thanks for reading. could you please tell me what I'm doing wrong?

the css

Code:

select.main  {
  background: #efefef;
  border: 1px solid #771a1a;
  padding: 3px;
}

select.main  option{
  background: #efefef;
  padding: 3px;
}

button.main {
  background: #a1a1a1;
  padding: 3px;
  border: 1px solid #771a1a;
}

the view

Code:

$attributes = array(
'class' => 'main'
);

echo form_open('estado_cuenta',$attributes );
echo form_dropdown('month', $options, $attributes );
echo form_submit('submit', 'Consultar', $attributes );

Thanks in advance, any help would be highly appreciated

[eluser]JHackamack[/eluser]
A few things that I've noticed: While you can style the look and feel of the select element in html the option element inside is sometimes browser based styling (Firefox might allow it, Safari might not) You'll want to throughly test that your browser isn't preventing you from styling the element.

Also form_submit generates an input type of submit rather than a button, so you can change your button.main class to input.main

[eluser]Juan Velandia[/eluser]
Thanks a lot JHackamac!, I'll check it, and please don't hack my mac!
Best regards!