הפקטור :focus
מיישם עיצוב על אלמנט כאשר הוא מקבל את הפוקוס, כמו כאשר המשתמש מקליק עליו או עובר עליו באמצעות מקש ה-TAB.
selector:focus {
property: value;
}
להלן דוגמה לשימוש בפקטור :focus
:
<style>
input {
border: 2px solid #ccc;
padding: 10px;
transition: border-color 0.3s;
}
input:focus {
border-color: #4CAF50;
outline: none;
}
</style>
<input type="text" placeholder="הקלד כאן">
רק רגע