удаление стиля css для элемента по ID

Question

как отключить стиль для элемента уже в стиле css по имени элемента, и я не могу сделать тот же самый стиль, произнеся имя класса в css просто #ElementName, атрибут стиля которого не показано на html-коде?

Answer 1

Вы можете попробовать:

$("selector").removeAttr("style"); 

но мой вопрос: почему вы хотите, чтобы удалить стили CSS? Обычно это признак того, что вы плохо что-то делаете. Как-то код будет писать, как это:

$("selector").hover(function() { 
    $(this).css("background", "red"); 
}, function() { 
    // ??? 
}); 

Проблема, конечно, в том, что вы не знаете, что установить фон для того, чтобы сбросить его в нормальное состояние. Вот почему вы должны использовать классы:

div.highlight { background: red; } 

с:

$("selector").hover(function() { 
    $(this).addClass("highlight"); 
}, function() { 
    $(this).removeClass("highlight"); 
}); 

Проблема решена.

Так что я не могу прокомментировать ваш подход, потому что вы не предоставили достаточно подробностей для этого, но в моих опытных вопросах типа «как удалить стиль?». являются красным флагом.

Answer 2

Вы не можете отключить установленные стили, но вы можете их переопределить. Значение inherit может использоваться для восстановления поведения стилей, унаследованных по умолчанию. Пример:

div { color: red; } 
div .exception { color: inherit; } 

Любой элемент DIV получит красный текст, за исключением тех, с классом = «исключением», который будет наследовать цвет текста от их родителей.

Answer 3

Вы не можете отключить стиль, вы можете только переопределить этот стиль со спецификой. Если вы абсолютно необходимо, вы можете рассчитывать на важную директиву:

#el { background:red !important; } 

В противном случае для бог знает что, если вы не можете/не имеют доступа к CSS, то вы можете сделать $('#foo').css('background', 'red') или аналогичный.

Answer 4

Вы можете сбросить стиль элемента в зависимости от стандарта тега через что-то вроде этого:

$('#ElementName').css({ 
    'position': 'relative', 
    'display': 'box', 
    'with': 'auto', 
    'height': 'auto', 
    'color': '#FFFFFF' 
}); 

Вы можете переименовать элемент ID:

$('#ElementName').attr('id', 'ElementName2'); 

Это мой лучший догадки.

Answer 5

Я столкнулся с этим вопросом пару недель назад. Каждый элемент имеет значение по умолчанию. просто переопределите это значение по умолчанию.

ie. значение ширины и высоты по умолчанию - авто. не все автоматически. По умолчанию отображается переполнение.