Специфические стили под IE10

Условные комментарии более не поддерживаются в IE 10. И это просто отлично. IE 10 очень хороший браузер. Определение возможностей браузера — это более правильный и лучший путь.

Но что делать, если вам необходимо точно определить IE10, например, для написания стилей под него?

Rogie предложил своё дополнение к html5boilerplate, суть которого в том, чтобы добавить к тегу <html> при помощи JavaScript пользователский атрибут data-useragent, содержащий название и версию браузера:


var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);

User Agent для IE 10 выглядит так:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

После отработки скрипта получим:


<html data-useragent="Mozilla/5.0 
(compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">

Теперь в стилях можно написать правило только под IE10:


html[data-useragent*='MSIE 10.0'] h1 {
 color: blue;
}

Ссылки

Источник: https://www.kobzarev.com/browser/ie10-specific-styles/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: