Как удалить стиль в объекте?

Question

[Space]

Есть элемент input, который уже содержит style="background: #FFF url("om_search_watermark.gif") no-repeat scroll left center; padding:2px;"

Как можно у этого элемента удалить стиль background, но оставить остальные или прописать снова? Only Javascript

Answer 1

[vvovas]

document.getElementById("id").style.background = "initial";

Comments

[Space]

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

[vvovas]

Rusnire: не совсем понятно, напишите разметку.

[Space]

vvovas: это гугл поиск

<input style="outline: medium none; background: rgb(255, 255, 255) url(&quot;http://www.google.com/cse/static/ru/google_custom_search_watermark.gif&quot;) no-repeat scroll left center;" spellcheck="false" dir="ltr" x-webkit-grammar="builtin:search" x-webkit-speech="" id="gsc-i-id1" title="поиск" name="search" class=" gsc-input " size="10" autocomplete="off" lang="ru" type="text">

здесь есть стиль с бэкграундом, который нужно удалить.

Сам гугл поиск грузится так:

<script>
  (function() {
    var cx = '00754gfdgfdgfdgfdgfdg';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

[vvovas]

Можно прописать в CSS стиль для класса .gsc-input

[Space]

vvovas: суть в том, что как перекрыть его style? Он занесен сразу в html =>

[vvovas]

поставьте !important в css-файле.
https://css-tricks.com/override-inline-styles-with-css/

[Space]

vvovas: спасибо! Буду знать теперь.