Question

我无法理解为什么我不能点这个 - 它应该很简单。

如果存在某个错误div - 我想更改选择框样式，但我没有这样做。

以下是我在CSS文件中设置Select Box的方法：

.selectBox-options{
-moz-box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
-webkit-box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
border-bottom: 1px solid rgb(98,141, 40);
border-left: 1px solid rgb(98,141, 40);
border-right: 1px solid rgb(98,141, 40);
border-bottom-left-radius:3px;
border-bottom-right-radius: 3px;
}

然后如果有div，它调用了field_with_errors - 我应该改变样式。

这是代码：

   if($('.field_with_errors').is(':visible')){
        alert('aaa')
        $('.selectBox-options').css({"-moz-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)"});
    }

出现Field_with_errors DO，因为我收到警报框。

如何更改边框和框阴影？

Answer 1

用它来改变。

$('.selectBox-options').css("-moz-box-shadow","0 0 3px 3px rgba(222,162, 162, 0.4)");

因为更改css的语法是

$('#id').css('property','value');

Answer 2

你可以试试这个，

$('.selectBox-options').css({"-moz-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                            "-webkit-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                             "box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                            });

JSFiddle

如何使用jQuery从Select box插件中选择更改？

2 个答案: