ฉันใช้หนึ่งในเทมเพลตของ html5up.net และเมื่อฉันเพิ่มปุ่ม 'ชำระเงินด้วยบัตร' แบบแถบ มันจะถูกแทนที่โดย css ของ html5up (ดู 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 ว่าหน้าตาเป็นอย่างไรเมื่อใช้ CSS ของ HTML5up ซึ่งเป็นโค้ดเดียวกันกับเมื่อก่อนบวกบรรทัดนี้:
<link rel="stylesheet" href="/thmain.css" />
คำถามของฉัน: มีวิธีง่ายๆ ที่ฉันสามารถยกเว้นปุ่มจาก css ที่ฉันโหลดไว้สำหรับไซต์ได้หรือไม่ ถ้าไม่คุณจะทำสิ่งนั้นให้สำเร็จได้อย่างไร? คลาสใหม่ที่มีการตั้งค่าเริ่มต้นในไฟล์ css หรือไม่?
ขอบคุณ!