Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

109
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda