Общая проблема
Как изменить стиль всех копий элемента, реализация которого скрыта внутри теневого корня?В настоящее время (Chrome 71.0.3578.98), если я зайду в инструменты разработчика Chrome, включу теневые корни в настройках и начну вносить изменения в вещи внутри теневых корней, это повлияет только на один выбранный мной элемент, а не на идентичные элементы внутридругой теневой элемент "hosts" на той же странице.
Как я могу (как пользователь страницы, а не разработчик ее) перекомпилировать все элементы внутри теневых корней сразу?
Специфичнопример
Менеджер закладок Chrome был спроектирован так, что по умолчанию скрывает URL-адреса закладок и отображает только один URL-адрес за раз, когда закладка находится в фокусе.
Я бы хотел изменить его стиль, чтобы я мог видеть все URL-адреса моих закладок одновременно.
Если я открою инструменты разработчика, разверните <bookmarks-item>, и это #shadow-root,выберите элемент <div id="website-url" ...>, а на вкладке Styles снимите флажок с правила display:none; для #website-url, это повлияет только на один выбранный мной элемент, поскольку правило стиля находится в этом элементе и влияет только на этот элемент.
Как применить стиль, который повлияет на все элементы #website-url в пределах <bookmarks-item> в менеджере закладок Chrome?
(Примечание: он не должен быть постоянным или автоматическим. Простото, что я могу набрать / вставить в консоли инструментов Chrome Dev.)