CODEWITHSUNDEEP
css
acctman
acctman

Reputation: 4349

CSS3 inset/inner drop shadow on input?

is there a way using CSS3 to get an inset/inner dropshadow on a text inputbox? The inset code below will only do boxes 

-moz-box-shadow:inset 0 0 10px #000000;
     box-shadow:inset 0 0 10px #000000;

Upvotes: 12

Views: 46606

Answers (1)

Zoltan Toth
Zoltan Toth

Reputation: 47667

Try this - http://jsfiddle.net/3TYTt/

input {
    -webkit-box-shadow:inset 0 0 10px #000;
       -moz-box-shadow:inset 0 0 10px #000;
            box-shadow:inset 0 0 10px #000;

    background: transparent;
}​

Upvotes: 18

Related Questions