ਸੀਐੱਸਐੱਸ :focus-visible ਪਸੀਦਾ ਕਲਾਸ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ਸੀਐੱਸਐੱਸ :focus-visible ਪਸੀਦਾ ਕਲਾਸ ਮਾਤਰ ਕੀਬੋਰਡ ਰਾਹੀਂ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਹੀ ਫੋਕਸ ਸਟਾਈਲ ਲਾਗੂ ਕਰਦੀ ਹੈ ਨਹੀਂ ਕਿ ਮਾਉਸ ਰਾਹੀਂ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਹੀ ਫੋਕਸ ਸਟਾਈਲ ਲਾਗੂ ਕਰਦੀ ਹੈ。

ਇਹ ਨਾਲ :focus ਕੀਬੋਰਡ ਫੋਕਸ ਅਤੇ ਮਾਉਸ/ਟੱਚ ਫੋਕਸ ਲਈ ਵੱਖ-ਵੱਖ ਫੋਕਸ ਸਟਾਈਲ ਬਣਾਉਣ ਲਈ ਮਿਲ ਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਇੱਕ ਉਦਾਹਰਣ

ਟੈਬ ਕੀਬੋਰਡ ਰਾਹੀਂ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਬਟਨ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

button:focus-visible {
  outline: 2px solid red;
}

ਆਪਣੇ ਆਪ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੀਐੱਸਐੱਸ ਗਰੱਮਾਤਾ

:focus-visible {
  ਸੀਐੱਸਐੱਸ ਐਲਾਨ;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਪੂਰੀ ਸਮਰੱਥਾ ਵਾਲੇ ਇਸ ਪਸੀਦਾ ਕਲਾਸ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਸਾਰੇ ਤੌਰ 'ਤੇ ਚਿੰਨ੍ਹਿਤ ਹੈ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ ਅਧਿਆਏ:CSS ਪਸੰਦ

ਸਲਾਹਦਾਤਾਂ:CSS :focus ਪਸੰਦ