Unread 12-07-2007, 06:12 AM
ISMAILC ISMAILC is offline
Member
Join Date: Dec 2007
Posts: 45
  #1  
Question Changing the border style of a drop down

Hi,

I'm trying to change the style (border) of a dropdown.
This code works on a normal text box but not on a drop down or lookupbox.

I can change the width, text color but not the border of the drop down!

Style="border : 1px solid #CCCCCC;"

Anyone please Assist!

Regards,
Ismail
Reply With Quote
Unread 12-14-2007, 03:13 AM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #2  
Default

Here's an example I worked up. Notice that on the top element of the dropdown, you're putting a border around the top and sides of the menu item. On the bottom element, you're putting a border around the bottom and sides.

p.s. - Yes, I know it's better to put the styles in an external stylesheet. I was just being lazy when I did this.

Code:
<select name="SearchFormat" Style="border: 2px solid blue; ">

<option  value="Cassette" Style="color: green; border-top : 2px solid blue; border-left : 2px solid blue;border-right : 2px solid blue;">Cassette</option>
<option  value="CD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">CD</option>
<option  value="CD-R" Style="border-left : 2px solid blue;border-right : 2px solid blue;">CD-R</option>
<option  value="DualDisc" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DualDisc</option>
<option  value="DVD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DVD</option>
<option  value="DVD-R" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DVD-R</option>
<option  value="LP" Style="border-left : 2px solid blue;border-right : 2px solid blue;">LP</option>
<option  value="VCD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">VCD</option>
<option  value="VHS" Style="border-left : 2px solid blue;border-right : 2px solid blue;">VHS</option>
<option  value="45" Style="border-left : 2px solid blue;border-right : 2px solid blue;">45</option>
<option  value="78" Style="border-bottom : 2px solid blue; border-left : 2px solid blue;border-right : 2px solid blue;">78</option>
</select>
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Unread 12-14-2007, 10:51 AM
ISMAILC ISMAILC is offline
Member
Join Date: Dec 2007
Posts: 45
  #3  
Question Thank You - add to xslt file

Hi, Aplogies for the late reply as i was sick for a few days.
Thank You for your help!

I'm using flowcentric that reads an xslt file.

I only have a style property in the object (drop down) to work on.

Can I add this to my xslt file & how do i link them up as I am clueless.

THANK YOU!!!
Reply With Quote
Unread 12-18-2007, 06:41 AM
ISMAILC ISMAILC is offline
Member
Join Date: Dec 2007
Posts: 45
  #4  
Question Border style not changed

Hi,

I copied the code & tested in normal html page.
Unfortunately the the drop down border did not change as only the first option font chaged to green.

But the border does not change at all!

Thank You

Regards
Reply With Quote
Unread 12-18-2007, 11:14 AM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #5  
Default

Just remove the text "color: green" (without the quotes) and the text color will be back to normal.

As for the border color problem, I was testing this in Firefox, and forgot to do the same in Internet Explorer. My bad. After doing a little Googling on the problem, seems that this is a known bug in Internet Explorer. The blog I read on the subject expressed the wish that this problem would be fixed in IE7. Obviously, this has not been the case.
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Unread 12-18-2007, 11:36 AM
ISMAILC ISMAILC is offline
Member
Join Date: Dec 2007
Posts: 45
  #6  
Default Thank You

A Big Thank You - I now know it's not possible at all!

Is there no other way to do something like a lookup?
e.g. something like this forums fonts & sizes drop downs or onfocus?

THANK YOU!!!
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 05:48 AM.


Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.