How to remove outline around text input boxes in chrome using CSS?
Last Updated :
09 Jan, 2023
Generally in the case of Google Chrome Browser, when the input field gets focus then the blue outline occurred on the border of the Input fields. The Task can be done by using the CSS outline property.
Example:
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>
GeeksForGeeks
</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>
|
Output
Supported Browsers are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...