Question

我正在使用html5up.net的模板之一，当我添加条带'按卡付费'按钮时，它被html5up的css覆盖（请参阅下面的两个jsfiddles）。我试着通过css文件看看是否有任何我可以改变以影响按钮的外观无济于事（文件非常庞大，我可以使用更有经验的头部转向）。

Jsfiddle按钮应该是什么样子（没有加载CSS）

<title>Lalala</title>
<body>
<form action="/your-server-side-code" method="POST">
<script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="a public key"
    data-amount="1000"
    data-name="Lalala"
    data-description="Widget"
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png" 
    data-locale="auto"
    data-zip-code="true"
    data-currency="eur">
  </script>
</form>

</body>

Jsfiddle使用HTML5up的css看起来如何，这与以前的代码相同，加上这一行：

        <link rel="stylesheet" href="main.css" />

我的问题：有没有简单的方法可以让按钮免于我为网站加载的CSS？如果没有，你会怎么做呢？一个在css文件中有默认设置的新类？

谢谢！

Answer 1

CSS 的 1897行描述了应用于按钮的样式。

如果您删除 1923 行

height: 3.75em;

它看起来很好（或者只是从1897年到2050年删除整个部分，你会没事的。）

如何避免Stripe的“用卡支付”按钮样式搞砸了HTML5up的CSS？

1 个答案: