Topic: SELECT borders (Page 1 of 1)

Anyone figured how to give borders to SELECT elements?

I don't think it's possible via normal CSS techniques. I figure there might be a technique that positions elements over the borders to create the same effect.

hmmm....what do you mean with SELECT borders?

cu
~Xdreamer.ch~

hlaford: We've had that same question some months ago, there's no solution, you just can't change its borders.

All you could do is building your own dropdown menu with dhtml, but that would get a little more complicated...

And I don't think it's possible to position layers on top of form elements, but if you find a solution I'd be happy to hear about it

kuckus (cell #282)

As Kuckus said above, changing borders of SELECT elements is not possible. Also, in most web browsers you can't position anything over form elements and third-party objects (Flash, Java, etc.) There are exceptions, though - you can position layers over all form elements in Mozilla / NN6 and you can position layers over INPUT elements in IE (but, you can't position them over SELECT elements)...

BTW You can get DHTML implementation of SELECT element from here: http://webfx.eae.net/dhtml/select/jsGenerated.html

I visited the WebFX page. The demo didn't appear to work for Moz 1.0. But the ComboBox control looked like it may work with a little bit of a tweak. I noticed that keyboard strokes within the control didn't appear to have the same effect as a normal SELECT element. Is that an easy piece to add? I seem to recall that capturing the arrow keys was a bit more difficult than normal keystroke monitoring.

The only thing I can think of that would overlay a SELECT element is an IFRAME, which seems something of overkill for my purposes. I guess I'm a wee bit annoyed that I can style all the other form elements so easily, but I can only give a background color to a SELECT. Can anyone say if there are plans within the Moz community to support this oh-so-important feature?

Well, you can't really style all other form elements, either (take a look at checkboxes and radio buttons). Also, note that none of this works work under Opera...

Generally speaking, I'll quote one of my previous replies about this issue:

quote:

---

As far as form elements are concerned, you must not forget that they are not the same on all operating systems (Linux had skinable window managers for a long time, and now Windows also supports skinning) and manipulating with them (changing them dynamically) would be a real pain, so that's the main reason why you have limited set of customizable things...

---

I'll except that explanation for the current state of controls, but I want better. I think it can be done and I think we should expect more from the browsers. We didn't accept Netscape 4's faults as the way it had to be.

Let's rally 'round the flag! This is a call to arms! Attica! Attica!