Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

103
Vistas
Error de cromo cuando la entrada tiene foco y afecta el peso de la fuente del texto del hipervínculo en el fondo negro

Encontré una pequeña falla en el bloque de texto de la etiqueta de anclaje del hipervínculo. Cuando tiene un fondo negro y se enfoca en una entrada y un hipervínculo a la derecha o debajo, el peso de la fuente para cada texto de hipervínculo cambia el peso para que sea más delgado. Proporcioné un ejemplo en codepen , así que eche un vistazo y siga las instrucciones simples y vea si hay el mismo problema en su navegador. He probado esto en Microsoft Edge y Chrome y obtengo el mismo resultado. Creé un ejemplo simple y podría cambiarlo y hacerlo aún más simple y solo tener una entrada y un hipervínculo a la derecha de la entrada. Compruébalo y dime si hay una solución para este problema.

 body { background-color: black; display: grid; justify-items: center; align-items: center; margin: 0; font-family: sans-serif; color: white; height: 100vh; } h1 { font-weight: 300; margin-top: 0; } .box { padding: 4rem; border: 1px solid gray; max-width: 400px; border-radius: 4px; } .grid { display: grid; grid-template-columns: min-content max-content; grid-gap: 1rem; } input { padding: 12px; background-color: black; border: 1px solid gray; border-radius: 4px; color: white; } a { font-weight: 400; } #fname:focus { outline: none; outline-offset: 0; } #lname:focus { outline: 1px solid blue; outline-offset: -1px; }
 <div class="box"> <h1>Chromium Cursor Bug On Input Focus:</h1> <p>Put the cursor in the text box and watch the text font-weight change in every link to the right and underneath the textbox. This is a <a href="#">default link</a> style example, You can see this evidently on a black background.</p> <div class="grid"> <input type="text" id="fname" placeholder="First Name" autocomplete="off" list="autocompleteOff" value="John"> <a href="#">Link 1</a> <input type="text" id="lname" placeholder="Last Name" autocomplete="off" lis="autocompleteOff" value="Doe"> <a href="#">Link 2</a> </div> <br><a href="#">Every Other Link</a> </div>

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda