how can assign innershow to inputs in css

is there any way for assign inner shadow to textbox in css or js ?

I tested outer shadow for textbox and it’s ok

input {
     box-shadow: 10px 10px 5px #888888; 
}

but when i wanna assign inner shadow to textbox it don’t work

input {
   box-shadow: inset 10px 10px 5px #888888;
}

how can do that? thanks

ANSWER

Thanks for everybody
I found the answer myself now
I used -moz-box-shadow and -webkit-box-shadow but didn’t work for inputs in firefox but if remove border of textbox it will assign inner shadow in firefox
like this:

style="border:none;"

Screenshot:

input shadow when appearance: none; and -moz-appearance: none;
input shadow when appearance: none; and -moz-appearance: none;

input shadow when just border: none;
input shadow when just border: none;


Source: css3

Leave a Reply