美文网首页
模拟fieldset

模拟fieldset

作者: 价值投机168 | 来源:发表于2020-11-25 14:41 被阅读0次

使用div来模拟,fieldset浏览器做了特殊处理。
<div class="fieldset" style="flex-grow: 1;margin-left: 5px;">
<span class="title">标题</span>
<div>内容</div>
</div>

它的css:
.fieldset
{
position: relative;
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
border-radius: 3px;
margin-top: 10px;
}
.fieldset .title
{
position: absolute;
top: -13px;
left: 20px;
line-height: 2em;
padding: 0 1em;
background-color: #fff;
}

相关文章

  • 模拟fieldset

    使用div来模拟,fieldset浏览器做了特殊处理。 标题 内容 它的css:.fieldset{posit...

  • 日常用法 常用于控制表单的不可编辑,fieldset元素设置disabled,其内的表单元素都会被设置为disab...

  • fieldset 标签

    fieldset标签:

  • fieldset中的标签以及输入框一致问题

    fieldset——一个不常用的HTML标签 fieldset 标签 -- 对表单进行分组 在form表单中,我们...

  • 网页标签的学习

    1.

    标签 定义和用法: fieldset 元素可将表单内的相关元素分组。标签将表单...

  • 3-8. 表单练习

    fieldset标签:可以给表单添加一个边框 legend标签:可以给边框指定一个标题 fieldset写在for...

  • 表单

    fieldset legend action placeholder radio checked multiple...

  • html 带标题的边框

    效果为 注意:fieldset 标签必须包裹legend标签

  • fieldset 和legend

    fieldset {background: rgba(255, 255, 255, 0.3);border-col...

  • form表单

    form属性 通用属性 重置表单元素样式 input select textarea datalist fieldset

网友评论

      本文标题:模拟fieldset

      本文链接:https://www.haomeiwen.com/subject/jhrniktx.html