如何建立分組框
P粉818125805
P粉818125805 2024-03-22 00:16:13
0
1
442

我找到了用於建立群組框的程式碼:

<fieldset>
    <legend>Title</legend>
</fieldset>

據說它在運行時創建了以下組框:

當我在 Visual Studio Code 中運行時,它看起來像這樣:

邊框幾乎不可見,且文字出現在錯誤的位置。我做錯了什麼嗎?

P粉818125805
P粉818125805

全部回覆(1)
P粉052686710

問題是所有瀏覽器都有不同的預設樣式。你的不尋常。

我從 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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板