Поэтому я пытаюсь обвести границы кнопок на моей странице, когда пользователь нажимает на них.

Для настройки обработчика я собираюсь:

$(".reportButtons").click(function(){ //change border color });

Я попробовал 2 способа изменить цвет границы кнопок там. Первый способ - использование функции .css ().

$(this).css({"border-color": "#C1E0FF", 
             "border-weight":"1px", 
             "border-style":"solid"});

Но когда я делаю это таким образом, граница становится действительно жирной (я хочу, чтобы она была линией роста волос, как обычно, если бы я установил ширину в 1px)

Другой способ, который я попробовал, это загрузить плагин jquery-color и сделать что-то вроде:

$(this).animate({borderTopColor: "#000000"}, "fast");

Когда я это делаю, ничего не происходит. Там нет ошибки - просто ничего не происходит. Но если вместо того, чтобы пытаться изменить цвет границы, я пытаюсь изменить цвет фона, он работает нормально .... так что я неправильно использую цвет jquery? Для справки, вот как я бы изменил фон:

$(this).animate({ backgroundColor: "#f6f6f6" }, 'fast');

как я уже сказал, это работает. Когда я загружал jquery-color, я загружал только один файл (jquery-color.js), если это имеет значение ....

Итак, как мне получить границу волосяного покрова? (Я бы предпочел использовать метод animate (), если у вас есть идеи, как заставить это работать)