re********@gmail.com wrote:
<style>
<style type="text/css">
I hope you have it within the `head' element.
#a, option.message {background-color: green; color: white;}
#b, option.message {background-color: yellow; color: black;}
There is little point in this stylesheet, as the second declaration for the
selector `option.message' supersedes the first one. It is semantically
identical to
#a {background-color: green; color: white;}
#b, option.message {background-color: yellow; color: black;}
But you appear to have no elements with ID `a' or `b' in your markup, so
the first selector does not match, and the second will match only for
`option.message'.
</style>
<select id="thisselect">
<option id="thisone" class="message">THANK YOU</option>
</select>
please help me change the select option to the B style css above,
Sorry, I really don't understand what you mean. If I would have to make
an educated guess, I would assume that you have been testing with Internet
Explorer or another UA that does not support styling form controls the way
you want it.
also if my syntax could be better elsewhere
It would have been better posted to
comp.infosystems.
www.authoring.stylesheets, as plain CSS questions are
off-topic here.
PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann