踏遍青山
Log in
Main
Web前端
可点击删除的标签。。。CSS实现
root
abc abc
28 Jul
<!DOCTYPE html>
<html> <head> <style> .delete-tag { border: 2px solid #ccc; padding: 5px 20px; margin: 15px; display: inline-block; position: relative; } .delete-tag::after { content: "✕"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); cursor: pointer; } </style> </head> <body> <div class="delete-tag" onclick="this.remove()">可删除的标签</div> </body> </html>
<!DOCTYPE html>
<html> <head> <style> .delete-tag { border: 2px solid #ccc; padding: 5px 20px; margin: 15px; display: inline-block; position: relative; } .delete-tag::after { content: "✕"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); cursor: pointer; } </style> </head> <body> <div class="delete-tag" onclick="this.remove()">可删除的标签</div> </body> </html>