微信授权二维码样式修改

问题

微信官方的代码文档

 var obj = new WxLogin({
 self_redirect:true,
 id:"login_container", 
 appid: "", 
 scope: "", 
 redirect_uri: "",
  state: "",
 style: "",
 href: ""   
 });

其中的href： 自定义样式链接，第三方可根据实际需求覆盖默认样式。详见文档底部FAQ,这是官方给出的介绍，可以引入自定义的css文件，但是必须是安全性高的，比如https，本地的相对路径是行不通的。当然如果不用https还有另一种方法

解决

利用js的new Blob()和new FileReader()
代码：

//css内容
var content =
      ".impowerBox .qrcode {width: 200px;}.impowerBox .title {display: none;}.impowerBox .info {width: 200px;}";