A select field is a native OS component. Trying to style via CSS only, has its limitations (background transparency being one of them).
If this is really important to get the presentation the way you want, I strongly suggest looking into a jQuery or JavaScript solution. Michael Sent from my iPad On Apr 22, 2011, at 11:01 AM, Aaron <[email protected]> wrote: > Hi Justin, > > thanks for the response. taking your advice I created a transparent png using > photoshop. In my css I then used: > > CSS > .selectpost{ > width: 315px; > height: 50px; > font-size: 25px; > background-image: url(/static/assets/blank_select_background.png); > } > > HTML > <select id= "dtype" name="dtype" class = "selectpost"></select> > > However when the page is rendered I the select box background is still full > opaque (white) rather than transparent. I can change the colour e.g. to blue > however using the same css entry so I know that they are speaking to > eachother. The transparent background just doesn't seem to be working... > > Any ideas on how I could solve this would be hugely appreciated :) > > A > -- > -- > You received this because you are subscribed to the "Design the Web with CSS" > at Google groups. > To post: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
