วิธีเขียน CSS ควบคุม TextBox ทั้งหมดบนหน้าเว็บไซต์

สอนวิธีเขียน CSS ควบคุม TextBox ทั้งหมดบนหน้าเว็บไซต์ บทความนี้แนะนำการเขียน CSS เพื่อบังคับรูปแบบ หรือ style ของ TextBox ทั้งหมดบนหน้าเว็บไซต์ ผ่านคำสั่ง input[type=text] ของ CSS สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง วิธีเขียน CSS ควบคุม TextBox ทั้งหมดบนหน้าเว็บไซต์

<input type="text" placeholder="AAA">
<input type="text" placeholder="BBB">

<style>
    input[type=text] {
        border: solid 1px red;
        border-radius: .2rem;
        margin-bottom: .2rem;
        width: 100%;
    }
</style>

เขียน CSS ควบคุม TextBox ทั้งหมดบนหน้าเว็บไซต์ แนะนำให้กำหนด input[type=text] ใน CSS ซึ่งจะอ้างถึง input type text ทั้งหมดบนหน้าเว็บไซต์ที่เรียกใช้ CSS นี้