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;
}

Answer 2

通常这将是一个背景图像，因此您可以为文本框设置一个css类，并在background-image属性中使用该图像。

所以我认为你不会在这里使用jQuery但是我无法找到你发布的链接。

如果你需要通过jQuery设置它，那么在对象上使用.addClass（“classname”）jquery方法。

使用jQuery输入框着色

2 个答案: