Skr-Eric
2019-08-22 16:43
采纳率: 57.1%
浏览 1.8k
已采纳

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;}
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • WangminzeSpk 2019-08-22 16:46

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

    评论
    解决 无用
    打赏 举报
  • doncha 2019-08-22 17:19

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

     $(document).on("click", "#id，name，或者class属性", function () {
                         confirm("是否删除？")；
        })；
    评论
    解决 无用
    打赏 举报
  • 爱前端不爱恋爱 2019-08-23 16:16

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

    评论
    解决 无用
    打赏 举报

报告相同问题？

提交

相关推荐 更多相似问题