html - 我如何获取Facebook图标上的删除按钮-LMLPHP

更新

我如何获得上图所示的Facebook图标上的删除按钮?
我想将删除按钮放在右上角的Facebook图标....
DEMO



.fa-remove{
    float:right;
    top:-30px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.css">


  </head>

  <body>
 <div class="form-group social col-xs-2">
                    <a class="btn btn-lg btn-social-icon btn-facebook center-block">
                        <span class="fa fa-facebook"><span class="fa-remove"></span>
                    </a>
                    <p class="social-icon-name">Facebook</p>
                </div>


  </body>

</html>

最佳答案

这是绝对位置。

您的代码中有很多错误。但这不是您需要的。

你需要这个:

 <a class="btn btn-lg btn-social-icon btn-facebook center-block">
   <span class="facebook">
  </a>
  <span class="fa-remove"></span>

 .fa-remove{
  position:absolute;
  top:0;
  right:15px;
  z-index:9999;
  float:right;
  top:-30px;
  cursor:pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 30px;
  background: #605F61;
  font-size: 31px;
  }

关于html - 我如何获取Facebook图标上的删除按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35547825/

10-11 20:03