Перезаписать/отключить пользовательскую таблицу стилей в хроме

На хром (версия 39.0.2171.71 м) У меня проблема со всеми модальностями на основе бутстрапа.Перезаписать/отключить пользовательскую таблицу стилей в хроме

Я нашел эту проблему, но нужна помощь фиксируя его:

Шкуры класс модального быть переопределена пользователя таблицей стили:

/* user stylesheet */ 
.hide {        
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
}

Как избежать этого происходит?

(Если, например, я перехожу к strato.nl и нажимаю кнопку воспроизведения (в середине страницы) для рекламы, я вижу фон, но сам модал не отображается.)

Редактировать

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

Как и в загрузочном модальный с class="modal hide fade in", здесь он должен показать модальный (потому что он был утрачен в), но пользователь таблицы стилей Хрома фактически переписывает CSS из шкуры класса Bootstrap в.

источник

2014-12-03 Sanjii

http://stackoverflow.com/questions/14046738/how-to-disable-css-in-browser-for-testing-purposes? – jbutler483

Я думаю, что он ищет метод, чтобы сделать его программным ... Я не думаю, что он существует. : S – MartaGom

@ jbutler483 Я не хочу отключать _all_ CSS, я просто хочу, чтобы хром не перезаписывал класс _hide_ из таблицы стилей _user_ – Sanjii

Осмотрев много, я узнал, что ТНА т вопроса является расширением, которое определяется:

.hide { 
    position: absolute !important; 
    top: -9999px !important; 
    left: -9999px !important; 
}

При редактировании таблицы стилей этого расширения (или полного удаления расширения) эта проблема решена.

Так что в основном мне не нравится, как хром отображает это в стильной боковой панели инструментов разработчика, он показал это как user stylesheet вместо того, чтобы указывать на таблицу стилей расширения.

Спасибо за ответы в любом случае.

источник

2014-12-03 16:27:05 Sanjii

В посте, который jbutler483 показал вам, у вас есть этот код:

var el=document.getElementsByTagName('*'); 
for(var i=0;i<el.length; i++){ 
     if(el[i].getAttribute("type")=="text/css") 
      el[i].parentNode.removeChild(el[i]); 
};

Попробуйте это, может быть, работает.

источник

2014-12-03 14:04:31 MartaGom

Это удаляет все CSS со страницы, и я хочу, чтобы стилист_user stylesheet_ не перезаписывал класс _hide_ – Sanjii

Извините, вы правы. Надеюсь, вы найдете решение. – MartaGom

Я нашел его! Глупые расширения .... – Sanjii

Существует два способа переустановки следующей таблицы стилей.

Первый возлюбленная !important:

/* your stylesheet */ 
.hide {        
    position: initial !important; 
    top: auto !important; 
    left: auto !important; 
    /* your other styles here*/ 
}

Альтернатива, чтобы сделать ваш селектор более специфичен, чем у них:

/* your stylesheet */ 
div.hide { 
    position: initial; 
    top: auto; 
    left: auto; 
}

источник

2014-12-03 15:53:01

Я хотел бы указать, что тэг '! Important' должен использоваться **, когда он должен **, не все время. – jbutler483

Я абсолютно согласен. Я предпочитаю второй метод. Даже если мне нужно только префикс селектора 'body' (например,' body .hide {') –

Я действительно использую этот метод, чтобы иметь возможность видеть модальный, если мне нужно (временно добавлять«! Important »вручную), но Я ищу решение для подражания. – Sanjii

Ваш осветления:

Открыть разработчику настройки (правый щелчок) -> элемент проверки
Перейти вниз правую руку (по-видимому, это где вы видели CSS)
Un-проверки CSS вы сделать не хотите отобразить

Для получения дополнительной информации, see here

Чтобы окончательно удалить полный элемент, прочитать this article

источник

2014-12-03 16:07:07 jbutler483

Перезаписать/отключить пользовательскую таблицу стилей в хроме

ответ

Смежные вопросы