Öncelikle sorunun yanıtı evet, silinebilir. Kullandığım bir JQuery Plugin'i, bazı html elemanlarına inline css kodu ekliyor (display: block ve display: none gibi). JQuery plugin'ini yeniden yazmakla uğraşmak istemiyorum, bunun yerine JQuery ile inline css kodlarını temizlemek için basit bir kod yazmayı tercih ettim.
Aşağıdaki JQuery kod satırında temizle sınıfını içeren html element'lerinden display css özellikleri silinmektedir. Bu kodu istediğiniz seçiciler ve css kuralları için genelleyerek kullanabilirsiniz.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery CSS</title>
</head>
<body>
<p>Merhaba</p>
<p class="temizle" style="display: block">Dünya</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.temizle').attr('style', function(i, style)
{
return style && style.replace(/display[^;]+;?/g, '');
});
});
</script>
</body>
</html>
Editör editi: sitede yer alan bazı diğer başlıklar için;
bkz: Jquery ile important CSS kuralı eklemek
bkz: jQuery ile ::before ve ::after gibi CSS pseudo-elementleri eklemek
bkz: CSS ile bir input'a (textbox) nasıl yazılması engellenir?
bkz: CSS ile 45 derece açılı div eklemek
bkz: CSS ile renkli kutu çizmek
bkz: HTML'de CSS ile yazı seçimini iptal etmek