title: stripe checkout css content policy error
body: <p>I'm trying to create a form of <a href="https://stripe.com/docs/checkout" rel="noreferrer">Stripe Checkout</a> inside my Ionic App. i've created a Directive that plant the form into my content view, but when i run it, the css fails on content policy violation:</p>
  
  <blockquote>
    <p>checkout.js:2Refused to load the stylesheet
    '<a href="https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css" rel="noreferrer">https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css</a>'
    because it violates the following Content Security Policy directive:
    "style-src 'self' 'unsafe-inline'". append @
    checkout.js:2Button.append @ checkout.js:2(anonymous function) @
    checkout.js:2Button.load @ checkout.js:2(anonymous function) @
    checkout.js:2(anonymous function) @ checkout.js:2</p>
  </blockquote>
  
  <p>no matter what i define in my meta tag of content policy, it's just not working
  what do i do wrong?</p>
  
  <pre><code>  &lt;meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src * 'self' 'unsafe-inline' localhost:* https://bnc.lt https://api.branch.io amazonaws.com amazonaws.com.cn checkout.stripe.com 'unsafe-eval';"&gt;
  </code></pre>