本帖最后由 撒旦法的 于 2025-12-27 03:21 编辑
原生的表格删除按钮，是这样的
诶？感觉没啥存在感呀，用户一头雾水还以为这是啥呢，试着点一下才知道这是把当前记录删除的按钮，赶紧取消
这时候就需要我们开发的干点实事了！
首先F12检查元素，我们发现，这是一个<img>标签在类名为deleteButton的<div>下，并且通过ctrl+F查找文档全文并未在其他地方发现同类元素。
我们的CSS选择器就已经出来了
- div.deleteButton>img{/*img标签*/}
[color=rgb(137, 92, 220) !important]复制代码
既然它是一个<img>标签，那么我们就需要用content属性替换当中的图标，而不是background-image。
这时候问题来了，图标从哪里来呢？总不可能上传一个图标文件到网站根目录再通过相对路径引用吧。这时候DataUrl就起了大作用。百度一个图标网站，
比如iconfont.cn , 搜索“delete"
随便点一个自己看着顺眼的，把颜色设置为白色#FFFFFF，图标大小设置成32（别问我为什么不用16，测试了很多个发现16转码后还是太模糊了）
百度一个png转base64的网站，把图标转成DataURL
 |
