黑色白色滤镜css 兼容写法

/* 变黑 */
.icon {
    /* 标准写法 */
    filter: brightness(0) grayscale(100%);

    /* 兼容旧版 Safari 和 iOS */
    -webkit-filter: brightness(0) grayscale(100%);

    /* 兼容旧版 Firefox */
    -moz-filter: brightness(0) grayscale(100%);

    /* 兼容旧版 IE */
    filter: gray; /* IE 6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)"; /* IE 10+ */
}

/* 变白  */
.icon-white {
    /* 标准写法 */
    filter: brightness(0) invert(1);

    /* 兼容旧版 Safari 和 iOS */
    -webkit-filter: brightness(0) invert(1);

    /* 兼容旧版 Firefox */
    -moz-filter: brightness(0) invert(1);

    /* 兼容旧版 IE */
    filter: gray; /* IE 6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)"; /* IE 10+ */
}