Skr-Eric 2019-08-22 16:43 采纳率: 33.3%
浏览 1987
已采纳

html上如何在一个button的右上方加一个可以删除该button的x,并且可以有alert确认是否删除

想要做到的样式

图片说明

当鼠标放在button上时,出现关闭按钮,点击关闭按钮时,弹出提示

图片说明

前端小白,跪求大神解答。。。。

  • 写回答

4条回答 默认 最新

  • 拾年丶不久 2019-08-22 17:04
    关注

    按钮需要写在div或者其他容器标签里面,添加相对定位,关闭也是一个按钮或者添加onclick的其他标签,加上绝对定位,类似这样:

    <div id="aaa" style="float: left; position:relative;">
        <input type="button" value="按钮" />
        <input type="button" value="×" style="position: absolute;">
    </div>
    

    关闭的那个按钮样式写成display:none; 另加个 父级div:hover ×按钮{display: block;} 样式,
    然后给那个删除按钮加点击事件,大体方法内容:

     var state = confirm("是否删除?");
     if(state){
     $("#aaa").remove();
     }else{
     return false;}
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题