Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.09.2022, 06:46
Новичок на форуме
Отправить личное сообщение для AdmiralSFF Посмотреть профиль Найти все сообщения от AdmiralSFF
 
Регистрация: 18.09.2022
Сообщений: 2

Изменение css через js
Добрый день, уважаемый форум.
В общем использую на своем пк утилиту user css, и динамически меняю себе css в хроме. Очень долго мечтал о подобном на ios и тут узнал про то что на айфоне можно запускать скрипты в сафари, подскажите пожалуйста как написать вообще скрипт на изменение 2ух строчек?(
.hidden, .hidden.button {
display: contents;
}
Ответить с цитированием
  #2 (permalink)  
Старый 18.09.2022, 09:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

AdmiralSFF,
Удалить псевдокласс

https://javascript.ru/forum/showthre...827#post534817

https://developer.mozilla.org/en-US/...eet/insertRule

Последний раз редактировалось рони, 18.09.2022 в 09:26.
Ответить с цитированием
  #3 (permalink)  
Старый 18.09.2022, 13:34
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

Самый быстрый способ:
document.head.insertAdjacentHTML('beforeend', `<style>

.hidden, .hidden.button {
  display: contents;
}

</style>`);


У себя в юзерскриптах использую такую общую функцию:
function _tm_css(css, important) {
  // автоматическое поставление !important каждому правилу
  if (important) {
    css = css.replace(/(?=[^\n\S]*;[^\n\S]*\n|[^\n\S]*\n[^\n\S]*\})/g, ' !important');
  }
  
  // выбор на случай если вставляется слишком рано и ещё нет body\head
  (document.body || document.head || document.documentElement) 
    .insertAdjacentHTML('beforeend', `<style is="tm_css">${css}</style>`);
}
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 19.09.2022, 04:36
Новичок на форуме
Отправить личное сообщение для AdmiralSFF Посмотреть профиль Найти все сообщения от AdmiralSFF
 
Регистрация: 18.09.2022
Сообщений: 2

Спасибо за помощь, к сожалению не заработало, может я просто не понимаю как это правильно должно работать а может с ios какие то косяки, но я пытался.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение XML-файла через JS с дальшейшим сохранением на сервере Anire_take Общие вопросы Javascript 2 19.05.2015 05:58
Добавление, изменение, удаление данных через JS Арсений JustPuk Общие вопросы Javascript 2 27.04.2015 09:46
Подскажите нормальный минификатор JS, HTML и CSS Maxman Библиотеки/Тулкиты/Фреймворки 2 01.02.2015 04:12
Получение background-image через js в ie wondertalik Javascript под браузер 3 13.12.2014 19:34
Вставка HTML кода и JS кода через innerHTML zhurchik AJAX и COMET 1 31.10.2014 17:32