Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

111
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!