如何仅在按钮上显示光标指针

Question

 <div class="cursor-pointer" (click)="goBack()">
    <i class="fa fa-arrow-left my-arrow ml-3 mb-1"> </i>
    <a class="ml-1 go-back">Go Back</a>
  </div>

我创建了返回按钮，但它可以在整行上点击，我尝试解决这个问题：

 <div class="row">
  <div class="col-sm-2 cursor-pointer" (click)="goBack()">
    <i class="fa fa-arrow-left my-arrow ml-3 mb-1"> </i>
    <a class="ml-1 go-back">Go Back</a>
  </div>

但是现在 col-sm-2 的宽度也更大了，而且可以点击了，我只想让按钮可以点击。有没有合适的方法来做同样的事情？

Answer 1

试试这个方法

 <div class="row">
  <div class="col-sm-2">
    <a class="ml-1 go-back cursor-pointer" (click)="goBack()">
      <i class="fa fa-arrow-left my-arrow ml-3 mb-1"> </i> 
      Go Back
   </a>
 </div>
</div>