Solved

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

Posted on 2012-03-10
2
320 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_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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

809 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