添加關閉按鈕到字段集

我創建了帶有一些文本框的html fieldset。 enter image description here 添加關閉按鈕到字段集

我想添加一個關閉按鈕只使用像這樣的CSS字段。 enter image description here

這可能嗎？如果是這樣，請幫助我。這是我jsfiddle

2014-06-11 olgacosta

<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>

使用位置絕對關閉按鈕和相對位置的字段集

來源

2014-06-11 14:24:24 mador

改變，要頂：-5px和多數民衆差不多了。 – Ruddy

更新小提琴;） – mador

非常感謝您的答案。但仍然想知道是否有可能打破頂線並在那裏放置一個關閉按鈕？ – olgacosta

添加關閉按鈕到字段集

回答

相關問題