Improve company productivity with a Business Account.Sign Up

x
?
Solved

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

Posted on 2012-03-10
2
Medium Priority
?
345 Views
Last Modified: 2012-03-14
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
Comment
Question by:shampouya
2 Comments
 
LVL 9

Accepted Solution

by:
Alex earned 2000 total points
ID: 37706400
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
 

Author Closing Comment

by:shampouya
ID: 37723568
thanks
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

595 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question