Cara membuat kotak kumpulan

Question

Saya menjumpai kod untuk mencipta kotak kumpulan:

Title

Dikatakan mencipta kotak kumpulan berikut apabila dijalankan: Apabila saya menjalankan dalam VisualStudioCode ia kelihatan seperti ini : Sempadan hampir tidak kelihatan dan teks muncul di tempat yang salah. Adakah saya melakukan sesuatu yang salah?

P粉052686710 · Answer

Masalahnya ialah semua pelayar mempunyai gaya lalai yang berbeza. Luar biasa awak.

Saya menyalin beberapa helaian gaya ejen pengguna daripada MacOS+Chrome109

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}

legend {
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

Title