如何让VSCode忽略特定CSS vendorPrefix属性报错

问题场景 #

编写以下CSS代码时：

input[type="number"] {
  -moz-appearance: textfield;
}

收到VSCode报错提示：

请同时定义标准属性'appearance'以保证兼容性css(vendorPrefix) 🚨️ 该属性为非标准属性，避免使用。

以下是几种强制忽略该错误的方法：

方法1：单行代码忽略 #

在报错的CSS属性行末尾添加注释，单独禁用该行的vendorPrefix校验：

input[type="number"] {
  -moz-appearance: textfield; /* stylelint-disable-line vendorPrefix */
}

方法2：全局禁用该校验规则 #

1. 打开VSCode设置面板（快捷键：Ctrl+, / Cmd+,）
2. 在搜索框输入 css.lint.vendorPrefix
3. 将该选项的取值改为 ignore 或 off，保存设置后红色下划线会立即消失

方法3：项目级配置忽略（推荐） #

在项目根目录创建 .stylelintrc.json 文件，添加以下配置来全局禁用vendorPrefix相关校验：

{
  "rules": {
    "property-no-vendor-prefix": null
  }
}

保存文件后，VSCode会自动读取配置并停止触发该报错。

内容的提问来源于stack exchange，提问作者Fairly_Far