css - 全局样式覆盖特定组件样式

Question

我有以下问题。我有一个 flex 4.1 元素，其中包含一个包含以下组件的 css 文件:

global {
    color: #FFFFFF;
    font-family: Verdana;
    font-anti-alias-type: advanced;
    modal-transparency-color:000000;
    focusColor: #b3001e;
    errorColor: #b3001e; }

然后我有了文本输入的特定样式:

s|TextInput, s|NumericStepper, astra|IPv4AddressInput {
    color: #000000;
    disabledColor: #555;
    contentBackgroundColor: #e5e5e8;
    borderColor: #000000; }

但有时会发生 s:textInput 有问题。您输入的字符的颜色有时具有全局样式的颜色。 所以你期望的是黑色字体，但你看到的是白色字体。

有没有人知道如何解决这个问题或解释为什么会这样？

Answer 1

你可以强制它覆盖使用:

color: #000000 !important;