EN
CSS - remove outline on focus around text input
3
points
In this article, we would like to show you how to remove the outline on focus around text input using CSS.
Quick solution:
input:focus, textarea:focus {
outline: none;
}
Practical example
In this example, we present how to remove an outline from the input element on focus using :focus CSS pseudo-class with the outline property set to none.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
textarea:focus, input:focus {
outline: none;
}
</style>
</head>
<body>
<div>Get focus on text input below:</div>
<br />
<input type="text" />
<br /><br />
<textarea></textarea>
</body>
</html>