พีซูโดคลาส default

พีซูโดคลาส default กำหนดสไตล์ ให้กับอิลิเมนต์หนึ่งจากกลุ่มที่มีประเภท ตามค่าเริ่มต้น อิลิเมนต์เหล่านี้ต้อง อยู่ภายในแท็กหลัก <form>

ไวยากรณ์

cssตัวเลือก:default {
  
}

ตัวอย่าง

ตัวอย่างของประเภทตามค่าเริ่มต้น คือแอตทริบิวต์ type ที่มีค่า submit ลองกำหนดพื้นหลังสีฟ้า ให้กับปุ่มใดปุ่มหนึ่งจากปุ่มเหล่านี้:

html<form>
  <p>
    <label>ป้อนตัวเลข</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

ดูเพิ่มเติม

  • พีซูโดคลาส :fullscreen,
    ซึ่งกำหนดสไตล์ให้กับอิลิเมนต์ในโหมดเต็มหน้าจอ
  • พีซูโดคลาส :in-range,
    ซึ่งกำหนดสไตล์ให้กับอิลิเมนต์ที่มีช่วงค่าที่กำหนด
  • พีซูโดคลาส :invalid,
    ซึ่งกำหนดสไตล์ให้กับอินพุตที่ป้อนค่าผิด
  • พีซูโดคลาส :optional,
    ซึ่งกำหนดสไตล์ให้กับอินพุตที่ไม่มีแอตทริบิวต์ required
  • พีซูโดคลาส :out-of-range,
    ซึ่งกำหนดสไตล์ให้กับอิลิเมนต์ที่ค่าอยู่นอกช่วงที่กำหนด
  • พีซูโดคลาส :focus-within,
    ซึ่งกำหนดสไตล์ให้กับอิลิเมนต์ที่โฟกัส