Важный стиль!

Question

Название в значительной степени подводит итог.

Внешняя таблица стилей имеет следующий код:

td.EvenRow a{
  display: none !important;
}

Я пытался использовать:

element.style.display = "inline";

и

element.style.display = "inline !important";

но ни один не работает. Можно ли переопределить! Важный стиль, используя javascript.

Это для расширения "greasemonkey", если это имеет значение.

Answer 1

Ниже приведен фрагмент кода для установки важного параметра для атрибута стиля с помощью jquery.

$.fn.setFixedStyle = function(styles){
    var s = $(this).attr("style");
    s = "{"+s.replace(/;/g,",").replace(/'|"/g,"");
    s = s.substring(0,s.length-1)+"}";
    s = s.replace(/,/g,"\",\"").replace(/{/g,"{\"").replace(/}/g,"\"}").replace(/:/g,"\":\"");
    var stOb = JSON.parse(s),st;
    if(!styles){
     $.each(stOb,function(k,v){
      stOb[k] +=" !important";
     });
    }
    else{
     $.each(styles,function(k,v){
      if(v.length>0){
        stOb[k] = v+" !important";
      }else{
        stOb[k] += " !important";  
      }
     });
    }
    var ns = JSON.stringify(stOb);
    $(this).attr("style",ns.replace(/"|{|}/g,"").replace(/,/g,";"));
};

Использование довольно просто. Просто передайте объект, содержащий все атрибуты, которые вы хотите установить как важные.

$("#i1").setFixedStyle({"width":"50px","height":""});

Есть две дополнительные опции.

1.Чтобы просто добавить важный параметр к уже существующему атрибуту стиля, передайте пустую строку.

2.Чтобы добавить важный параметр для всех присутствующих атрибутов, ничего не передавайте. Все атрибуты будут установлены как важные.

Вот оно в действии. http://codepen.io/agaase/pen/nkvjr

Answer 2

Если все, что вы делаете, это добавляете css на страницу, то я бы посоветовал вам использовать стильное дополнение и написать пользовательский стиль вместо пользовательского сценария, потому что пользовательский стиль более эффективен и уместен.

См. на этой странице с информацией о том, как создать стиль пользователя