focus也能显示tips提示实例页面

展示

代码

• HTML：

  <a href class="icon-delete" data-title="删除">删除</a>

• CSS：

  /* 关键CSS  */
  .icon-delete::before,
  .icon-delete::after {
      transition: visibility 0s .2s;
      visibility: hidden;
  }
  .icon-delete:hover::before,
  .icon-delete:hover::after {
      visibility: visible;
  }
  .icon-delete:focus::before,
  .icon-delete:focus::after {
      visibility: visible;
      transition: none;
  }