Saya menggunakan salah satu templat html5up.net dan ketika saya menambahkan tombol 'Bayar dengan kartu' bergaris, itu digantikan oleh css html5up (lihat kedua jsfiddle di bawah). Saya mencoba menelusuri file css dan melihat apakah ada sesuatu yang dapat saya ubah untuk memengaruhi tampilan tombol, tetapi tidak berhasil (file tersebut sangat besar dan saya dapat menggunakan beberapa arahan dari kepala yang lebih berpengalaman).
Jsfiddle tentang tampilan tombol (tidak ada css yang dimuat)
<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 tampilannya dengan css HTML5up, yaitu kode yang sama seperti sebelumnya ditambah baris ini:
<link rel="stylesheet" href="/idmain.css" />
Pertanyaan saya: Apakah ada cara sederhana agar tombol tersebut dikecualikan dari css yang telah saya muat untuk situs ini? Jika tidak, bagaimana cara Anda mencapai hal tersebut? Kelas baru yang memiliki pengaturan default di file css?
Terima kasih!