Comment enlever le contour d'un bouton

Bonjour,

je souhaiterais enlever le contour d'un bouton lors du "clic" et du "déjà cliqué".

J'ai tout essayé, les outlines, focus active ou pas... rien à faire :(

Est-ce possible ?

Ci-dessous une capture du fa avec le contour du bouton;

et voici les CSS :

.btn-link {color: red; border-style : none !important; border-left-style : none !important; margin-bottom: -20px !important; text-align: bottom !important; float: right; outline:  0 !important;}

Merci à vous et bon réveillon,

LC

2 réponses

  1. Modérateur

    bonjour 

    il faudrait le code HTML concerné et également j'espère que tu as pensé à bien vider le cache de ton navigateur Internet après avoir fait tes tests de CSS.


    0
    1. bonjour jordane45,

      merci pour ta réponse :) Ce n'est malheureusement pas une histoire de cache :/

      voci le HTML :

      <nav class="navbar navbar-expand-sm p-0 m-0" aria-label="navbar">
      	<div class="container-fluid p-0 m-0 align-items-start">
      		<a href="#" class="navbar-brand"><img src="./imgs/logo_cut.png" alt="logo" ></a>
      		<button class="navbar-toggler navbar-dark m-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTop" aria-controls="navbarTop" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
      		<div id="navbarTop" class="collapse navbar-collapse justify-content-end p-1 m-0">
      			<ul class="nav navbar-nav px-3">
      				<li class="nav-item"><a class="scrollTo" href="#section1">INTRO</a></li>
      			</ul>
      			<button title="Contact" type="button" class="btn btn-link nav-item" data-bs-toggle="modal" data-bs-target="#contactModal"><i class="fa fa-envelope-o fa-2x"></i></button>
      		</div>
      	</div>
      </nav>

      Merci à toi et bon réveillon ;)

      0