gpt4 book ai didi

css - 如何避免 Stripe 的 'Pay with card' 按钮样式被 HTML5up 的 css 搞砸?

转载 作者:太空宇宙 更新时间:2023-11-04 08:07:37 26 4
gpt4 key购买 nike

我正在使用 html5up.net 的模板之一,当我添加一个 Stripe “用卡支付”按钮时,它被 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 文件中具有默认设置的新类?

谢谢!

最佳答案

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

如果删除 1923 行:

height: 3.75em;

它看起来还不错(或者只是删除从 1897 到 2050 的整个部分,你会没事的)。

关于css - 如何避免 Stripe 的 'Pay with card' 按钮样式被 HTML5up 的 css 搞砸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46517082/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com