เตรียมไฟล์
หากต้องการแปลภาษาให้เว็บง่ายมากค่ะ แค่ แปะ ก้อได้เลยค่ะ- html สำหรับการใส่ div ที่ต้องการจะทำ checkbox ให้สวย
- css สำหรับใส่ฟังก์ชั่นนี้
วิธีทำ
สร้าง ฟิวด์ html ดังนี้ค่ะ จุดสำคัญคือ id="google_translate_element"
<div class="center">
<input type="checkbox" id="test">
</div>
2. ใส่โค้ด css ดังนี้ค่ะ (อย่าลืมติดตั้ง fontawesome ก่อนนะคะ หากยังไม่ได้ติดตั้ง ) >> ติดตั้ง fontawesome ลงบน เว็บไซต์ของเรา
.center { text-align:center ; } input[type="checkbox"] { vertical-align: top; border: 1px solid #b4b9be; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 50px; margin: -4px 4px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 50px; min-width: 50px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); transition: .05s border-color ease-in-out; } input[type=checkbox]:checked:before { content: "\f00c"; margin: 8px 8px; color: #333; float: left; display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 FontAwesome; font-size: 35px; }
ตัวอย่างค่ะ
ง่ายนิดเดียวใช่ไหมคะ หากต้องการข้อมูลเพิ่มเติม หรือให้คำปรึกษาโปรเจคจบฟรี !! อย่าติดตาม fanpage นะคะ ปรึกษาโปรเจคจบฟรี !!
ไม่มีความคิดเห็น:
แสดงความคิดเห็น