そのため、ユーザーがクリックしたときにページ上のボタンの周りに境界線を取得しようとしています。
ハンドラーをセットアップするには、次のようにします。
$(".reportButtons").click(function(){ //change border color });
そこにあるボタンの境界線の色を変更する2つの方法を試しました。最初の方法は .css() 関数を使用することです。
$(this).css({"border-color": "#C1E0FF",
"border-weight":"1px",
"border-style":"solid"});
しかし、このようにすると、境界線は本当に太くなります(幅を1pxに設定した場合と同じように、通常のようにヘアラインにしたいです)
私が試したもう 1 つの方法は、jquery-color プラグインをダウンロードして、次のようなことを行うことです。
$(this).animate({borderTopColor: "#000000"}, "fast");
私がそれをすると、何も起こりません。エラーはありません。何も起こりません。しかし、境界線の色を変更しようとする代わりに、背景色を変更しようとすると、正常に動作します.... jquery-color を間違って使用していますか? 参考までに、背景を変更する方法は次のとおりです。
$(this).animate({ backgroundColor: "#f6f6f6" }, 'fast');
私が言ったように、それはうまくいきます。jquery-color をダウンロードしたとき、1 つのファイル (jquery-color.js) だけをダウンロードしました。
では、ヘアラインの境界線を取得するにはどうすればよいですか? (それを機能させる方法があれば、animate()メソッドを使用することをお勧めします)