CSS :focus ਪਸਿੰਡੇ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS :focus ਪਸਿੰਡੇ ਲਈ ਚੋਣ ਕਰੋ ਅਤੇ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਏਜੰਟ ਦਾ ਸਟਾਇਲ ਸੈਟ ਕਰੋ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਚੋਣ ਕਰੋ ਅਤੇ ਇਨਪੁਟ ਫੀਲਡ ਫੋਕਸ ਹੋਣ ਉੱਤੇ ਸਟਾਇਲ ਸੈਟ ਕਰੋ:

input:focus {
  background-color: yellow;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜਦੋਂ ਇਨਪੁਟ ਫੀਲਡ ਫੋਕਸ ਹੋਵੇ ਤਾਂ ਪਿੱਨਰ ਰੰਗ ਅਤੇ ਚੌਦਾਰੀ ਬਦਲੋ:

input:focus {
  background-color: yellow;
  width: 250px;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

:focus {
  ਸਸ ਕਲੀਮੇਸ਼ਨ;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਟੇਬਲ ਕੇਸ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਵਾਲੇ ਪ੍ਰਥਮ ਬਰਾਊਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਸਟੇਬਲ ਕੇਸ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ ਪੁਸਤਕਾਕਾਰ:CSS ਪਸੰਦ ਕਰਨ ਵਾਲਾ