1
How to remove edge that appears in browser Chrome and Firefox. Already in browser Edge does not appear.
.fa-admin {
font-size: 23px !important;
line-height: .75em;
vertical-align: -15%;
position: absolute;
}
.avisosAdminNum,
.mensagensAdminNum {
font-size: 12px;
//font-weight: bold;
position: relative;
background-color: #d11010;
color: white;
border-radius: 30%;
bottom: 7px;
left: 21px;
}
<script src="https://use.fontawesome.com/785bf17c00.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<a tabindex="0" class="btn popover-dismiss avisosAdmin" data-placement="bottom" data-toggle="popover" data-html="true" data-trigger="focus" title="Avisos">
<i class="fa fa-bell fa-admin btn-preto "></i>
<div class="avisosAdminNum ">99</div>
</a>
<a tabindex="0 " class="btn popover-dismiss mensagensAdmin "data-placement="bottom " data-toggle="popover " data-html="true " data-trigger="focus " title="Mensagens">
<i class="fa fa-commenting fa-admin btn-preto"></i>
<div class="mensagensAdminNum">99</div>
</a>
Have you tried using
bottom
andright
of the CSS?– Woss
@Andersoncarloswoss Thank you, solved.
– Tiago
@Andersoncarloswoss I did it, but I have another question, see if you can help me.
– Tiago
You should not do this, mainly for the sake of Accessibility... http://www.outlinenone.com/
– hugocsl