pseudo-class ya :checked ya CSS3

kueleza na kusahau

CSS :checked pseudo-class inatambua kila chagua <input> au <option> mikomo

inaonyesha <input type="radio">, <input type="checkbox"> na <select> zilizochaguliwa kwa <option>.

mifano

mada 1

weka kati ya kipenzi kina kina kina kwa zote <input> zilizochaguliwa

input:checked {
  outline: 1px solid red;
}

mchukue kwa mwenyewe

mada 2

weka muundo tofauti kwa chagua, kigeuza na olesiwa wakati wanaozichagua

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px maroon;
}
option:checked {
  color: blue;
  background-color: pink;
}

mchukue kwa mwenyewe

madhumisho ya CSS

:checked {
  madhumisho ya css;
}

mizikio ya teknolojia

muungano wa kina wa programu

masho ya namba katika tabia hufikia muungano wa kina wa kina wa programu ambazo huzisakinisha kina cha kwanza cha pseudo-class