Topic: CSS and Selector Form Element (Page 1 of 1)

Hello,
I have this form, I've applied *style* to it, but the darn selector widget doesn't seem to conform!!!
So far, just very simple style has been applied, here it is (the background color works fine):

select {
border:solid 1px #cecece;
background-color: #ffffdd;
}


But no border has been applied to te selector.
Karl



karl@laketahoegymnasticscamp.com

Unfortunately you cannot currently effect the border or scrollbars for a select.

It sucks, I know.

Oh, Ouch... that hurts

Well, since mine is for display only.... I can probably implement a litst like object in a a div or span element. However, here is the catch, I am iterating through my selector widget, and for each option performing some wonderful and magical javascript routine ... building xml object for post back to server ...
Any ideas on how to iterate through a div element like this, would I need to resort to string manipulation and arrays?

Karl



karl@laketahoegymnasticscamp.com

That's certainly not my area of expertise, but I would have to assume that'd be the route to go. Of course, I would have thought you'd have to do that even with a select box, so what do I know

Hi !
visit http://www.nobodywebsite.co.uk
Try both CLASS and ID.
you shouldn't have problems with css setting for your purpose.

I'm afraid I'm missing whatever it is that site is supposed to be showing, and how it related to the problem of styling select boxes?

I haven?t seen a lot of style on Karl?s form,
I was only trying to be constructive suggesting full use of style;
so DL 44: don?t be afraid, It?s true the selector-arrow would be left out.

Bah, maybe I don?t get what a hell of problem of the widget you have,
the rest works fine, e. g.:
SELECT {
BORDER-RIGHT: #7FFFD4 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #7FFFD4 1px solid;
PADDING-LEFT: 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
PADDING-BOTTOM: 1px;
BORDER-LEFT: #7FFFD4 1px solid;
COLOR: #7FFFD4;
PADDING-TOP: 1px;
BORDER-BOTTOM: #7FFFD4 1px solid;
FONT-FAMILY: verdana,arial,helvetica,san serif;
BACKGROUND-COLOR: #1a3a3a;
}




[This message has been edited by nobodywebsite (edited 03-08-2003).]

nobodywebsite: Nope that hasn't clarified things for me

Karl: It is possible but it involves an awful lot of DHTML work o simulate one and it isn't cross-browser so I wouldn't recommend it - see this as an example of what is possible:
http://webfx.eae.net/dhtml/select/jsGenerated.html

___________________
Emps

FAQs: Emperor