EN
CSS - add outline to input on focus
0
points
In this article, we would like to show you how to add an outline to input on focus using CSS.
Quick solution:
input:focus {
outline: 3px solid yellow;
}
Practical example
In this example, we add an outline to the input element on focus using :focus CSS pseudo-class with the outline property.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
input:focus {
outline: 5px solid yellow;
}
</style>
</head>
<body>
<input type="text">
</body>
</html>