<el-table>排序箭头的颜色

Question

本地项目中修改了<el-table>的排序箭头的颜色，项目上线后，修改失效了
代码如下

.detail-list {
        th {
          padding: 6px 0;
        }
        .descending .ascending {
          border-bottom-color: #f8da68 !important;
        }
        .ascending .descending {
          border-top-color: #f8da68 !important;
        }
        .sort-caret.ascending {
          border-bottom-color: #fff;
        }
        .sort-caret.descending {
          border-top-color: #fff;
        }

本地项目下

线上

两者冲突了，如何让线上与本地的一致

Answer 1

1. 检查默认样式引入顺序是否太靠后了，默认样式应该放在第一位加载，防止将自定义样式覆盖。
2. 把所有修改框架的默认样式放在同一个文件下，并且调整加载顺序靠后。