ฉันจะแสดงตัวอย่างสามตัวอย่างในการเปลี่ยนขนาดของปุ่ม HTML สองรายการเหล่านี้ใช้ JavaScript และอีกรายการหนึ่งส่วนใหญ่เป็น CSS
ปุ่มเริ่มต้นด้วย min-width: 240px
และไม่มีการกำหนดความสูง
ก่อนที่เราจะสำรวจวิธีการทางเทคนิค ฉันอยากจะบอกว่าโดยปกติแล้วแนวทางปฏิบัติที่ดีในการตั้งค่าปุ่ม min-width
แทนที่จะเป็นความกว้าง สิ่งนี้ทำให้ปุ่มตอบสนองบนมือถือและเข้าถึงเว็บได้มากขึ้น
อย่างไรก็ตาม หากคุณมีกรณีการใช้งานที่ต้องการเปลี่ยนขนาดปุ่ม (ความกว้างและความสูง) โดยใช้ JavaScript โปรดอ่านต่อ!