jquery - 使用jQuery的输入框阴影

Question

如何为输入框制作阴影背景，如图here (向下滚动一点)，使用 jQuery 还是 CSS？

编辑:我不想使用图像作为背景。

Answer 1

外阴影

input {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    border:none;
    padding:5px;
}

内阴影

input {
    -webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    -o-box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    box-shadow:inset 0 2px 5px rgba(0,0,0,.3);
    border:none;
    padding:5px;
}