0

tengo una aplicacion de angular y css este es el codigo

<section class="section section--menu" id="Valentine">
<h2 class="section__title">Valentine</h2>
<span class="link-copy"></span>
<nav class="menu menu--valentine">
    <ul class="menu__list">
        <li class="menu__item" [routerLink]="[ '/home' ]" routerLinkActive="menu__item--current"><a  class="menu__link" >Home</a></li>
        <li class="menu__item" [routerLink]="[ '/nosotros' ]" routerLinkActive="menu__item--current"><a  class="menu__link">Shop</a></li>
        <li class="menu__item" [routerLink]="[ '/producto' ]" routerLinkActive="menu__item--current"><a class="menu__link">Reviews</a></li>
        <li class="menu__item" [routerLink]="[ '/productos' ]" routerLinkActive="menu__item--current"><a class="menu__link">News</a></li>
        <li class="menu__item" [routerLink]="[ '/shop' ]" routerLinkActive="menu__item--current"><a class="menu__link">Contact</a></li>
    </ul>
</nav>

todo funciona normal pero hay algo que no puedo manejar , cuando hago click a un boton me aparece este marco negro a rededor de el boton como un outline negro que no deberia de estar eh intentado sacarlo por css de varias maneras pero sin resultados, cabe mencionar que en una pagina normal html simple no ocurre este error solo me da cuando aplico a mi nav a un proyecto de angular introducir la descripción de la imagen aquí

4
  • Estas usando estilos de algun framework o son los tuyos? Commented el 5 jun. 2020 a las 16:47
  • Puedes compartir el css de ese componente, específicamente la clase "menu__item--current", o si es algún framework que estas utilizando para la vista, porfavor Commented el 5 jun. 2020 a las 19:15
  • Puede deberse a las lineas routerLinkActive que tienes y ademas a que tienes un elemento <a> dentro de tus li, ten en cuenta que routerLink funciona como un elemento <a> en si cuando lo pones, por lo que poner una etiqueta <a> en ese caso esta demas, los elementos <a> por defecto tienen decoracion.
    – Layer
    Commented el 5 jun. 2020 a las 19:21
  • Despues de investigar encontre una solucion. es desabilitar la prodiedad focus a todos los elementos. *:focus { outline: none; } @Riven
    – tavatax
    Commented el 8 jun. 2020 a las 15:38

1 respuesta 1

0

Despues de investigar encontre una solucion. es desabilitar la prodiedad focus a todos los elementos.

*:focus { 
outline: none;
 } 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.