更新
我如何获得上图所示的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/