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

Is it possible to get a box shadow on a select tag dropdown menu?

Is it possible to achieve a box shadow on a simple drop down menu without putting it in a div? I styled my drop down menu like this in my CSS file and I am able to get a blue border but no box shadow. Anyone know why?


select{margin-top: 1px; width: 200px; border: 2px solid #a4cbf9; box-shadow: 1px 1px 1px 1px #888888; color: #444444;}
0
shampouya
Asked:
shampouya
1 Solution
 
AlexSoftware EngineerCommented:
No, you have to place it into a div... and even with a div you also need for the shadow in order to be cross browser the following.

Example:

-moz-box-shadow: 1px 1px 1px 1px #888888;
-webkit-box-shadow: 1px 1px 1px 1px #888888;

box-shadow: 1px 1px 1px 1px #888888;

Also look here http://css-tricks.com/snippets/css/css-box-shadow/
0
 
shampouyaAuthor Commented:
thanks
0

Featured Post

Get your problem seen by more experts

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

Tackle projects and never again get stuck behind a technical roadblock.
Join Now