添加关闭按钮到fieldset

时间:2014-06-11 14:18:31

标签: html css fieldset

我创建了带有一些文本框的html fieldsetenter image description here

我想只使用这样的css为字段集添加一个关闭按钮。 enter image description here

有可能吗?如果是的话,请帮帮我。这是我的jsfiddle

1 个答案:

答案 0 :(得分:3)

我更新了你的小提琴http://jsfiddle.net/ukx35/18/

<fieldset style="position:relative">
  <legend>Title</legend>
     <input type="text"/>
    <button style="position: absolute;right:10px;top:-5px;outline:5px solid #fff">
        <img src="http://icons.iconarchive.com/icons/hopstarter/sleek-xp-basic/16/Close-2-icon.png"/>
    </button>
</fieldset>

使用位置绝对值来关闭按钮和相对于场地集的位置