网站以及H5主题色变灰的方法

一、网站变灰css代码

html {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url('data:image/svg+xml;utf8,#grayscale');
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

二、H5变灰（针对uniapp开发的H5页面）
在App.vue的里面的style标签下增加下面的代码

<style lang="scss">
/*  #ifdef  H5  */
html {
  filter: grayscale(100%);
}
/*  #endif  */
</style>