Skr_Eric
Skr-Eric
采纳率57.1%
2019-08-22 16:43 阅读 1.5k

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

想要做到的样式

图片说明

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

图片说明

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    qq_39062787 拾年丶不久 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;}
    
    点赞 评论 复制链接分享
  • Sparkler123 WangminzeSpk 2019-08-22 16:46

    按钮用div实现,删除图标用相对定位。

    点赞 评论 复制链接分享
  • doncha doncha 2019-08-22 17:19

    f12打开控制台,找到那个x,看它是否有什么id,或者唯一的name或class属性,然后使用

     $(document).on("click", "#id,name,或者class属性", function () {
                             confirm("是否删除?");
            });
    
    点赞 评论 复制链接分享
  • qq_33477377 爱前端不爱恋爱 2019-08-23 16:16

    哪个×可以用after伪元素 定位到button 的右上角,点击×获取到button 的dom 然后confirm判断一下 确认就remove() button

    点赞 评论 复制链接分享

相关推荐