Solved

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

Posted on 2012-03-10
2
321 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 9

Accepted Solution

by:
alex_code earned 500 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

749 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