Блог

Некоторые браузеры не поддерживают #rrggbbaa, но поддерживают rgba().
Однако в моем проекте angular background-color: rgba(58, 58, 58, 0.9) in common.css был скомпилирован background-color:#3a3a3ae6 в стиле in.[хэш].css. Как я должен сделать, чтобы запретить эту компиляцию?
Моя проектная среда:

 "@angular-devkit/build-angular": "~12.1.1",
"@angular-eslint/builder": "~12.0.0",
"@angular-eslint/eslint-plugin": "~12.0.0",
"@angular-eslint/eslint-plugin-template": "~12.0.0",
"@angular-eslint/template-parser": "~12.0.0",
"@angular/cli": "~12.1.1",
"@angular/compiler": "~12.1.1",
"@angular/compiler-cli": "~12.1.1",
"@angular/language-service": "~12.0.1",
 

Как вы можете видеть здесь, единственный браузер, который пока не поддерживает HEXA, — это IE. В angular 12 отключена поддержка IE, а также CSS.

Если вам действительно нужна поддержка такого браузера, .browserslistrc в каталоге проекта angular есть файл. Для углового 12 значения по умолчанию должны быть:

 last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
 

как сказано в конфигурации, удалите not префикс in not IE 11 .

Обратите внимание, что это также создаст больше кода JavaScript для заполнения неподдерживаемых функций в IE11.

Менее элегантное решение

Или вы можете просто поместить это свойство в style тег в своем index.html . Тоже должно сработать.