:focus

מיישם עיצוב על אלמנט כאשר הוא מקבל את הפוקוס.

העתקselector:focus {
      property: value;
    }

אפשר להגדיר את זה לדוגמה כך

    העתק
            <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="הקלד כאן">
          
    

עוד בקטגוריה Pseudo-Classes and Pseudo-Elements (מצבים מיוחדים של אלמנטים וחלקים ספציפיים של אלמנט)