Импорт таблицы стилей CSS в веб -компонент с Shadow Dom в Firefox ⇐ CSS

[Anonymous]

Я использую Firefox 141.0.3. < /p>
Я знаю, что есть несколько способов иметь отдельные свойства CSS прокачивать свойства Shadow Dom: < /p>

• Унаследованные свойства CSS < /li>
  CSS -Custom Properties < /li>
  < /li> < /> CSS < /li>
  < /li>
  и CSS < /li> < /li> < /> < /li>
  codes < /li>
  < /li>
  codes < /li>
  < /li>
  и код. MyWebComponent: part ()

В этом случае я действительно хочу импортировать целую таблицу стилей (и я не хочу писать в моем.

Код: Выделить всё

import myStyles from '/styles/my-styles.css' with {type: 'css'}
< /code>
Firefox говорит мне, что он не (в настоящее время) подтверждает: < /p>

uncaught syntaxError: импортные утверждения в настоящее время не поддерживаются < /p>
< /blockquote>
.import myStyles from '/styles/my-styles.css'

Firefox говорит мне, что он не допускает типа MIME:

Модуль загрузки из «/styles/my-myles.css» был заблокирован из-за запрещенного типа MIME («Text/css»)

perise: prese:

preake: preme imepect e («text/css») />
const myStyles = new CSSStyleSheet();
myStyles.replace(`@import url('/styles/my-styles.css')`);
< /code>
Firefox говорит мне: < /p>

@import Правила еще недопустимы в конструированных таблицах стилей. />
Обновление: < /h2>
Я ушел от этой проблемы в течение нескольких дней, и я вернулся к нему только сегодня утром. Когда я резко отказался на веб-странице. Подход, и я пошел с принятым решением ниже.


Подробнее здесь: https://stackoverflow.com/questions/797 ... in-firefox