Как я могу получить значение цвета границы элемента с помощью jQuery?

Использование $("#id").css("background-color") для извлечения цвета фона элемента (или большинства других атрибутов CSS) отлично работает, но $("#id").css("border-color") возвращает пустую строку.

Как я могу получить значение цвета границы, используемое для элемента?

Ответы

Ответ 1

CSS имеет свойства "коротких рук", которые позволяют отправлять сразу несколько свойств. Как font, border, background и т.д. Ну, свойство CSS border-color фактически устанавливает 4 свойства border-top-color, border-right-color, border-bottom-color и border-left-color.

Если вы хотите получить пограничный цвет, вам нужно указать, с какой стороны. Например, чтобы получить текущее значение border-left-color, вы должны:

$("#id").css("border-left-color")

Это должно работать нормально, поскольку кажется, что вы ожидаете, что каждая сторона имеет тот же цвет.

Ответ 2

Уильям был близок... Свойство, которое вы ищете, - border-left-color, поэтому вам нужно

$('#ID').css("border-left-color")

и установить его

$('#ID').css("border-left-color","blue");

например.

Удачи, и ударил меня в комментарии.