ਪਲੇਸਹੋਲਡਰ ਰੰਗ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ

CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਲੇਸਹੋਲਡਰ ਰੰਗ ਸੈੱਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਸਿੱਖੋ。

ਇਨਪੁਟ ਅਣੁੱਖਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਵਰਤ ਕੇ placeholder ਗੁਣ:

<input type="text" placeholder="A red placeholder text..">

ਅਧਿਕਾਂਸ਼ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ, ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਗ੍ਰੇ ਰੰਗ ਵਿੱਚ ਹੁੰਦਾ ਹੈ। ਇਹ ਸੈਟਿੰਗ ਬਦਲਣ ਲਈ ::placeholder ਸਿਲੈਕਟਰ ਸਟਾਈਲ ਪਲੇਸਹੋਲਡਰ ਸੈੱਟ ਕਰਦੇ ਹਾਂ。

ਧਿਆਨ ਦਿਓ ਕਿ, Firefox ਪਲੇਸਹੋਲਡਰ ਨੂੰ ਘੱਟ ਅਨੁਪਰੀਤਾ (opacity) ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਅਸੀਂ opacity: 1 ਇਹ ਸਮੱਸਿਆ ਹੱਲ ਕਰਨ ਲਈ。

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

ਮੰਜਲਦਾਨ