The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS <select> background changing

Go down

CSS <select> background changing Empty CSS <select> background changing

Post by Kol Vol July 1st 2007, 9:03 pm

I need to change the background picture of all the <select> options through CSS. However, I cannot figure out what the code is to use (class=gensmall)

Could someone please find the code neccesary to do this? I cant find out what it is I need.

Note: I do not need the "background-picture: url(blablabla)" part. I just can't figure out the bit before the code...

Already tried:
  • gensmall
  • genmed
  • input
  • select
  • input.select.gensmall
  • slect.gensmall


Last edited by on July 2nd 2007, 10:30 am; edited 1 time in total
Kol Vol
Kol Vol
Forumember

Male Posts : 364
Reputation : 30

http://codes.eletronicsboard.com/

Back to top Go down

CSS <select> background changing Empty Re: CSS <select> background changing

Post by GeoX July 2nd 2007, 2:37 am

Hello dude,

back ground of what?!..what is the "select"?!
avatar
GeoX
Guest


Back to top Go down

CSS <select> background changing Empty Re: CSS <select> background changing

Post by Kol Vol July 2nd 2007, 10:26 am

Well the <select> tag shows that the code between <select> and </select> is in one box. <option> and </option> show different choices that can be made in that box. by defining the size you can make it a choice list that scrolls or a fold out list like the one on this website for defining the month of your birthday. I have set to all input factors this picture as a background yet these foldouts do not wish to cooperate. Confused

I really need someone farmiliar with CSS to make this work so...

Code:
<select>
      <option>&nbsp;-&nbsp;</option>
      <option>&nbsp;1&nbsp;</option>
      <option>&nbsp;2&nbsp;</option>
      <option>&nbsp;3&nbsp;</option>
      <option>&nbsp;4&nbsp;</option>
      <option>&nbsp;5&nbsp;</option>
      <option>&nbsp;6&nbsp;</option>
      <option>&nbsp;7&nbsp;</option>
      <option>&nbsp;8&nbsp;</option>
      <option>&nbsp;9&nbsp;</option>
      <option>&nbsp;10&nbsp;</option>
      <option>&nbsp;11&nbsp;</option>
      <option>&nbsp;12&nbsp;</option>
      <option>&nbsp;13&nbsp;</option>
      <option>&nbsp;14&nbsp;</option>
      <option>&nbsp;15&nbsp;</option>
      <option>&nbsp;16&nbsp;</option>
      <option>&nbsp;17&nbsp;</option>
      <option>&nbsp;18&nbsp;</option>
      <option>&nbsp;19&nbsp;</option>
      <option>&nbsp;20&nbsp;</option>
      <option>&nbsp;21&nbsp;</option>
      <option>&nbsp;22&nbsp;</option>
      <option>&nbsp;23&nbsp;</option>
      <option>&nbsp;24&nbsp;</option>
      <option>&nbsp;25&nbsp;</option>
      <option>&nbsp;26&nbsp;</option>
      <option>&nbsp;27&nbsp;</option>
      <option>&nbsp;28&nbsp;</option>
      <option>&nbsp;29&nbsp;</option>
      <option>&nbsp;30&nbsp;</option>
      <option>&nbsp;31&nbsp;</option>
        </select>

Note: Insert into select tag: 'class="Gensmall" '

Its not as difficult as it seems, there is only 1 line of code needed to make this work. No-one has it unfortunatly :/
Kol Vol
Kol Vol
Forumember

Male Posts : 364
Reputation : 30

http://codes.eletronicsboard.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum