CSS :placeholder-shown ਪਸੁੰਦੀ ਵਿਭਾਜਕ

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

CSS :placeholder-shown ਪਸੁੰਦੀ ਵਿਭਾਜਕ ਪਸੁੰਦੀ ਵਿਭਾਜਕ ਦੇ ਮੌਜੂਦਾ ਪਲੇਸਹੋਲਡ ਟੈਕਸਟ ਦੇ ਸਟਾਈਲ ਨੂੰ ਚੁਣੋ ਅਤੇ ਸੈਟ ਕਰੋ <input> ਜਾਂ <textarea> ਐਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰੋ。

ਸੁਝਾਅ:ਇਸ ਦੇ ਇਲਾਵਾ ਇਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ ::placeholder ਪਸੁੰਦੀ ਵਿਭਾਜਕ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਪੇਸ਼ੇਵਰ ਪ੍ਰਤੀਯੋਗੀ।

ਉਦਾਹਰਣ

ਕਿਸੇ ਵੀ <input> ਐਲੀਮੈਂਟ ਦੇ ਮੌਜੂਦਾ ਪਲੇਸਹੋਲਡ ਟੈਕਸਟ ਦੇ ਸਟਾਈਲ ਨੂੰ ਚੁਣੋ ਅਤੇ ਸੈਟ ਕਰੋ:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੰਥ

:placeholder-shown {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਸਪਰੀੰਗ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਹ ਪਸੁੰਦੀ ਵਿਭਾਜਕ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਐੱਡਸ਼ਨ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਲਾਹਦਾਰ:CSS ::placeholder ਪਸੀਵੀ ਐਲੀਮੈਂਟ