[css-d] Style a select tag (the arrow part)
Hello all, Is there a way to style the down arrow in a tag as shown in this image with just CSS for IE6 and FF3? http://stephentang.info/test/selecttag.gif Based on current information on the internet, I presume that there is no way to do this with CSS only. Am I right? Thank you for reading this. --Stephen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style a select tag (the arrow part)
On Tue, Feb 17, 2009 at 8:29 AM, Stephen Tang wrote: > Based on current information on the internet, I presume that there is > no way to do this with CSS only. Am I right? 100% There are JavaScript solutions around, I suggest you check that option out if you want to do any complex styling on SELECT elements. -- Blake Haswell http://www.blakehaswell.com/ | http://www.thegraveltrap.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style a select tag (the arrow part)
Blake, Thanks for the reply and confirming this. I did find several Javascript-based solutions in my internet search, so I will investigate those options further. Thanks, Stephen On Mon, Feb 16, 2009 at 5:50 PM, Blake wrote: > On Tue, Feb 17, 2009 at 8:29 AM, Stephen Tang > wrote: >> Based on current information on the internet, I presume that there is >> no way to do this with CSS only. Am I right? > > 100% > > There are JavaScript solutions around, I suggest you check that option > out if you want to do any complex styling on SELECT elements. > > -- > Blake Haswell > http://www.blakehaswell.com/ | http://www.thegraveltrap.com/ > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style a select tag (the arrow part)
Hi Steve, I found this CSS only hack to allow a pretty select menu with no JavaScript. http://pennypacker.net/articles/css_tricks_select_menu It works okay in FF3 but falls back to the default in IE6. Is an input value for a form? ~Mx http://www.mxdx.co.uk 2009/2/17 Stephen Tang : > Blake, > Thanks for the reply and confirming this. I did find several > Javascript-based solutions in my internet search, so I will > investigate those options further. > > Thanks, > Stephen > > On Mon, Feb 16, 2009 at 5:50 PM, Blake wrote: >> On Tue, Feb 17, 2009 at 8:29 AM, Stephen Tang >> wrote: >>> Based on current information on the internet, I presume that there is >>> no way to do this with CSS only. Am I right? >> >> 100% >> >> There are JavaScript solutions around, I suggest you check that option >> out if you want to do any complex styling on SELECT elements. >> >> -- >> Blake Haswell >> http://www.blakehaswell.com/ | http://www.thegraveltrap.com/ >> > __ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style a select tag (the arrow part)
> I found this CSS only hack to allow a pretty select menu with no JavaScript. > http://pennypacker.net/articles/css_tricks_select_menu > It works okay in FF3 but falls back to the default in IE6. > yeah works okay in FF3 but you can't see the item you select. i'm sure there's a way to do it in css got to experiment. virgil http://www.jampmark.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Style a select tag (the arrow part)
Hi Martyn, I saw that in my internet searches, but it doesn't work in IE6, and unfortunately, the projects I am working on all still use IE6. I don't object to using Javascript and CSS to style the tag, but I wanted to see if I missed anything about a CSS-only solution. So far, I have found no evidence of a CSS-only solution that would work in IE6 and FF3. --Stephen On Tue, Feb 17, 2009 at 6:59 AM, Virgilio Quilario wrote: >> I found this CSS only hack to allow a pretty select menu with no JavaScript. >> http://pennypacker.net/articles/css_tricks_select_menu >> It works okay in FF3 but falls back to the default in IE6. >> Is an input value for a form? > > yeah works okay in FF3 but you can't see the item you select. > i'm sure there's a way to do it in css got to experiment. > > virgil > http://www.jampmark.com > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/