Ag-Grid自定义列样式在Firefox失效，Chrome正常，求问题排查

你遇到的问题是因为用了CSS嵌套语法——Chrome已经默认支持原生CSS嵌套，但Firefox目前默认不支持，所以它会把嵌套里的.ag-input-field-input当成无效的属性名，直接报错。

两种解决方式： #

1. 换成传统CSS写法（推荐，适配所有浏览器） #

把嵌套的选择器拆成独立规则就行：

.align-content-to-end {
    text-align: end;
}
.align-content-to-end .ag-input-field-input {
    text-align: end;
}

2. 开启Firefox的CSS嵌套实验支持（仅适合开发测试） #

如果非要用嵌套语法，手动打开Firefox的实验开关：

• 地址栏输入about:config
• 搜索layout.css.nested.enabled
• 把它改成true
• 重启浏览器就生效了

但注意：这种方法只适合自己开发测试用，普通用户的Firefox默认不会开这个选项，生产环境别用。

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