• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 3650
  • Last Modified:

How Can I apply a css style to a dropdownlist?

I am applying a style for my form fields here it is:

cella_form {
font-size: 10px;
border: 1px;
border-color: 4BBA5C;
border-style: solid;
}

I have set the Css Class property for all the controls with the style name,it's showing fine for textboxes but dropdownlists are not affected, I want a solid green border to be shown.
I am using ASP.NET controls.
Can anybody tell me how to apply the style for the dropdownlist?
Thanks.
0
JessyEzzy
Asked:
JessyEzzy
  • 5
  • 2
  • 2
  • +2
3 Solutions
 
BrianPap22Commented:
A link to your actual page would be nice.

And you should have a period before the class name in the style sheet, eg ".cella_form {"
0
 
BrianPap22Commented:
Furthermore, "#4BBA5C", not "4BBA5C".
0
 
seanpowellCommented:
>>Can anybody tell me how to apply the style for the dropdownlist?

Yes, you can't - at least in IE :-)
It's only supported in NS7 and Mozilla
0
[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

 
enscryptorCommented:
Strictly speaking standard SELECT dropdown lists don't have borders in the sense that other elements do - you can't set it to none, change its width or apparently color.

The only things I've successfully manipulated are the background and text colors, font attributes and width. The height attribute has no effect either on the closed or opened (dropped) states but you can control the number of lines it drops open to with the HTML size attribute.

If you are really determined you can build your own dropdown list by overlaying a standard text input with a hidden list that you display whenever someone clicks your (fake) dropdown button. The only signifigant advantage to this technique is you can let someone type into the text field values that aren't yet on the list and add them to it dynamically for future quick reference. Which is why I bothered to work this all out ...

Let me know if you really HAVE to make the SELECT borders different and I'll send or post an example. But it is an awful lot of work ...
0
 
DaydreamsCommented:
Hi JessyEzzy,

You can style your font-size in IE, but not the border. The border can be styled only in Mozilla, Netsacape, and then only on the options.
0
 
seanpowellCommented:
I'm sure I've heard that before somewhere :-)
0
 
DaydreamsCommented:
> I'm sure I've heard that before somewhere :-)

sean I noticed your comment (above), I just wanted to add that you CAN add the font-size style for IE, and the border only for option in Mozilla. Just being more specific.. not trying to steal anyone's thunder here:)
0
 
seanpowellCommented:
That's okay DD, I don't have any thunder to steal - I'm too full of sunshine.
0
 
JessyEzzyAuthor Commented:
Here is a link to how the form looks like:

http://JessyEzzy.europe.webmatrixhosting.net/form.aspx
0
 
seanpowellCommented:
So what would you like to know?
0
 
JessyEzzyAuthor Commented:
Actually after what you said about it's not being supported in IE it seems that I can't do anything to it, even though the ones who's going to use the form are using IE, so there is nothing i need to know.
Thanks.
0
 
seanpowellCommented:
Oh okay :-)
I thought you wre looking for more...

If you ever decide to go the custom dhtml route:
http://webfx.eae.net/dhtml/select/jsGenerated.html

A bit of work for a select box, but it's there in case you need it.

Thanks,
Sean
0

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 5
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now