条纹元素快速入门示例未正确呈现

Question

我刚开始使用Stripe's Element Quickstart。我有the following fiddle。如您所见，它看起来与示例完全不同。我什至已经加载了他们的https://js.stripe.com/v3/文件，但不知道我缺少什么：

<form action="/charge" method="post" id="payment-form">
  <div class="form-row">
    <label for="card-element">
      Credit or debit card
    </label>
    <div id="card-element">
      <!-- A Stripe Element will be inserted here. -->
    </div>

    <!-- Used to display form errors. -->
    <div id="card-errors" role="alert"></div>
  </div>

  <button>Submit Payment</button>
</form>

Answer 1

该示例位于here上的页面定义了表单，按钮，标签等的样式。如果在其示例站点上打开控制台并搜索此样式标签{{，则可以找到此CSS。 1}}嵌入到html中。将css添加到您的小提琴中，它看起来像他们的示例。

<style media="screen">