Skip to content
Related Articles

Related Articles

How to remove outline around text input boxes in chrome using CSS?
  • Last Updated : 03 Dec, 2020

Generally in the case of Google Chrome Browser, when the input field gets focus then the blue outline occurred on the borer of the Input fields. The Task can be done by using the CSS outline property.  

Example:  

filter_none

edit
close

play_arrow

link
brightness_4
code

<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>

chevron_right


Output 

Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :