相关疑难解决方法(0)

防止fieldset元素的边框通过图例元素

我有一个字段集,如何将图例放在带边框的字段集中?我希望边界绕过传说,而不是通过它的中间.

的jsfiddle

fieldset {
  border: 0;
  padding: 0!important;
  margin: 0;
  min-width: 0;
  border: 1px solid red;
}
legend {
  padding: 0!important;
}
Run Code Online (Sandbox Code Playgroud)
<fieldset>
  <legend>Title</legend>
</fieldset>
Run Code Online (Sandbox Code Playgroud)

html css

14
推荐指数
1
解决办法
8283
查看次数

将图例移动到表单中较低的字段集中

在经典形式中,我们在顶部边框的同一行上有图例标记,如下所示.

在此输入图像描述

代码是:

...
<fieldset>
    <legend>Connexion</legend>
    ...
</fieldset>
Run Code Online (Sandbox Code Playgroud)

是否可以将此图例移动到公式中,如下所示?

在此输入图像描述

知道什么是CSS吗?

谢谢.


UPDATE

以下是应用以下CSS后的结果:

fieldset { 
    position:relative;   
}    

legend { 
    top:20px; 
    position:absolute; 
    font-size:20px; 
    font-weight:bold    
} 
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

如何在传奇'Connexion'之后添加更多空间?

html css

0
推荐指数
1
解决办法
5073
查看次数

标签 统计

css ×2

html ×2