¿Cómo eliminar el contorno alrededor de los cuadros de entrada de texto en Chrome usando CSS?

En general, en el caso del navegador Google Chrome, cuando el campo de entrada se enfoca, aparece el contorno azul en el borde de los campos de entrada. La tarea se puede realizar utilizando la propiedad de esquema CSS .  

Ejemplo:  

html

<html>
<head> 
  <title>
        How to remove outline around text
    input boxes in chrome using CSS?
 
  </title>
<style>
textarea:focus{
        outline: none;
    }
     
</style>
  <body>
      <h2>
          GeeksFprGeeks
      </h2>
      <h2>
          How to remove outline around text
    input boxes in chrome using CSS?
 
      </h2><br>
      <h4><b> Before using the outline Property</b></h4>
             
          <input type="text">
          <h4><b>After using the Outline Property</b></h4>
    <textarea rows="4"></textarea>
  </body>
</head></html>

Producción 

Los navegadores compatibles se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *