CSS. Цифровое Кемерово
Перейти к содержимому
Сообщение Anonymous » 01 дек 2024, 01:43
Код: Выделить всё
let textarea = document.createElement("textarea"); textarea.style.colorScheme = "dark"; document.body.append(textarea); console.log(getComputedStyle(textarea)["background-color"]);
1733006591
Anonymous
Я хотел бы получить цвет фона текстовой области при применении темного режима, чтобы я мог применить его к , который я хочу «эмулировать» . Это кажется довольно простым, поскольку это не обязательно должен быть чистый CSS.Я получаю цвет просто при применении светлой и темной цветовой схемы. Вот пример получения цвета фона в темном режиме:< pre class="snippet-code-js lang-js Prettyprint-override">[code]let textarea = document.createElement("textarea");textarea.style.colorScheme = "dark";document.body.append(textarea);console.log(getComputedStyle(textarea)["background-color"]);[/code]Проблема в том, что это не работает в Chrome. Он возвращает цвет rgb(18, 18, 18), который намного темнее фактического цвета фона, который равен rgb(59, 59, 59). Кажется, что-то странное с прозрачностью, хотя фактический цвет фона непрозрачен. Или, может быть, у него есть какой-то «виртуальный» фон, который недоступен для getComputedStyle.[img]https://i.sstatic.net/ZbbEJ3mS.png[/img]Я не уверен, что такое rgb(18, 18, 18) соответствует здесь.Возможно также, что это ошибка, но более вероятно, что это просто особенность пользовательского агента, которую мне нужно принять во внимание. счет. Если это последний случай, как можно исправить приведенный выше код? Подробнее здесь: [url]https://stackoverflow.com/questions/79240435/emulating-textarea-background-color-on-a-div-in-dark-mode[/url]
Если вы не хотите добавлять вложения, оставьте поля пустыми. Можно прикреплять файлы, перетаскивая их в окно сообщения.
Максимально разрешённый размер вложения: 15 МБ.
Вернуться в «CSS»