Установите тонкую границу, используя .css () в JavaScript ⇐ Jquery

[Anonymous]

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

Код: Выделить всё

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

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

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

But when I do it this way, the border is really fat (I want it to be hairline, like it normally would be if I set the width to 1px)

The other way I have tried is by downloading the jquery-color plugin, and doing something like:

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

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

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

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

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

Подробнее здесь: https://stackoverflow.com/questions/111 ... javascript