0

なぜこれを点在させることができないのか理解できません-それは単純なはずです。

エラーdivが存在する場合-選択ボックスのスタイルを変更したいのですが、これを行うことができません。

CSSファイルでSelectBoxを設定する方法は次のとおりです。

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

次に、field_with_errorsを呼び出すdivがある場合は、スタイルを変更する必要があります。

コードは次のとおりです。

   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_errorsDOが表示されます。

ボーダーとボックスシャドウを変更するにはどうすればよいですか？

4

2 に答える 2

0

これを変更に使用します。

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

cssを変更するためのsytaxは

$('#id').css('property','value');
于 2012-10-23T08:27:31.600 に答える
0

あなたはこれを試すことができます、

$('.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

于 2012-10-23T08:34:47.540 に答える