全局样式会覆盖特定的组件样式

Question

我有以下问题。我有一个带有css文件的flex 4.1项目，其中包含以下组件：

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;