Сбросить цвет элемента к цвету таблицы стилей по умолчанию (jQuery, JavaScript)

Question

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

Сбрасывает цвет, как это хорошо, или есть лучший способ сделать это?

$('#theinput').css('color', '');

Answer 1

Нет лучшего способа. Это стандартный способ.

По сути, нет способа удалить атрибут CSS из свойства style элементов DOM. Поэтому все, что вы можете сделать, это установить значение атрибута пустым и позволить CSS выполнить свою работу по возвращению обратно в таблицу стилей.

Answer 2

Если вы хотите сделать это простым JavaScript, вы можете сделать:

document.getElementById('theinput').style.color = '';

Единственная проблема с этим, или с вашим методом jQuery, заключается в том, что HTML имеет атрибут style, который устанавливает свойство color CSS. Если вы хотите сохранить это, вам придется хранить его при загрузке страницы.

Но если можно предположить, что нет атрибута стиля, значит, вы золотой.

Answer 3

Хорошо, но вы должны указать цвет внутри кавычки и идентификатор ввода, на который цвет должен измениться.

Это будет работать :)

$("#InputIdName").css('color', '#979797');