CSS3 внутреннее освещение для ввода

Question

Мне нужно сделать округленные входы с внутренним освещением, как на этом рисунке:

Я могу сделать округление следующим образом:

.loginRounded{
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    outline: 0;
    -webkit-appearance: none;
}

НоЯ не представляю, как сделать внутреннее освещение с помощью css3.

PS Если это невозможно, последний способ - использовать изображение в качестве фона.

UPD

Сделано с атрибутом box-shadow.Но мой вариант все еще не совпадает с PSD-макетом ...

UPD2 Наконец сделано http://jsfiddle.net/Z3SB9/1/ - и последний вопрос -в каких браузерах он будет работать правильно?

Answer 1

box-shadow: inset - это то, что вы ищете, посмотрите на http://jsfiddle.net/Z3SB9/ и поиграйте со значениями!

Answer 2

Попробуйте использовать линейный градиент, пример moz:

background-image: -moz-linear-gradient(top, #eacfaf 0%, #FFF 50%);

скрипка: http://jsfiddle.net/Dnxy2/1/