პსევდოკლასი focus

პსევდოკლასი focus აძლევს სტილებს ინფუთს, ტექსტარეას ან ბმულს შეყვანის ფოკუსით. შეყვანის ფოკუსი - ეს არის როდესაც ჩვენ დავაწკაპუნეთ ინფუთზე და იქ მოციმციმე ჯოხისებრი კურსორია (შესაძლებელია ტექსტის შეყვანა).

სინტაქსი

cssinput:focus {
  
}

მაგალითი

ფოკუსის მიღების შემდეგ ინფუთს ექნება წითელი საზღვარი და ჩრდილი:

html<input>
cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

იხილეთ აგრეთვე

  • პსევდოკლასი link,
    რომელიც აძლევს სტილს არასტუმრებულ ბმულს
  • პსევდოკლასი visited,
    რომელიც აძლევს სტილს სტუმრებულ ბმულს
  • პსევდოკლასი hover,
    რომელიც აძლევს სტილს ბმულს მაჩვენებლის მიტანისას
  • პსევდოკლასი active,
    რომელიც აძლევს სტილს ბმულს აქტივაციისას