[SOLVED] HTML or CSS ... not sure where this Q belongs but...

[rantsh]

I'm using the optgroup tag and I don't have a clue on how to set the inner padding of the options

[code]
<select>
<optgroup label='something'>
<option>foo</option>
</optgroup>
</select>
[/code]

Displays something like

[code]
something
      foo
[/code]

and I't like to get something more like

[code]
something
  foo
[/code]

(notice the padding on the 'foo' line)

Any help will be very much appreciated,

THX

[fenway]

Well, that's the browser's decision... I'm not sure how much you can "style" these with standard controls.

[rantsh]

so, there's nothing I can do about this?

[ted_chou12]

is the label css?

[fenway]

You'd have to check the docs to see what's allowed, or just try and play with style tags.

[janroald]

Just add inline padding like this :

 

<select multiple size="5">
<optgroup label="something">
<option style="padding-left:3px;">foo</option>
</optgroup>
</select>

 

or you can do something like this

 

<select multiple size="5">
<optgroup label="something" class="custom_padding">
<option>foo</option>
</optgroup>
</select>

and in your css write :

optgroup.custom_padding option {
  padding-left:3px;
}

That will affect all your <option>'s

 

 

 

[rantsh]

Thank you guys that was very helpful, anyone knows how I can mark this topic as solved?

[fenway]

Done.