ਸਮੰਜਨੀਯ ਸਮੰਜਨੀਯਤਾ ਦੇ ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਟਾਉਣ ਕਿਵੇਂ?

ਸਮੰਜਨੀਯ ਸਮੰਜਨੀਯਤਾ ਦੇ ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਟਾਉਣ ਦੇ ਤਰੀਕੇ ਸਿੱਖੋ

ਸਮੰਜਨੀਯ ਸਮੰਜਨੀਯਤਾ ਦੇ ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਟਾਓ

ਮੂਲ ਰੂਪ ਵਿੱਚ, ਜਦੋਂ ਤੁਸੀਂ contenteditable ਸੈਟ ਕਰੋ true ਉਨ੍ਹਾਂ ਤੱਤਾਂ ਦੇ ਅੰਦਰ ਲਿਖਦੇ ਹੋਏ, ਜਦੋਂ ਉਹ ਫੋਕਸ ਹੋਣਗੇ ਤਾਂ ਉਹ ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਾਸਲ ਕਰਦੇ ਹਨ。

ਪਰ, ਤੁਸੀਂ ਸ਼ਾਇਦ ਐੱਸਐੱਸ ਦੀ ਮਦਦ ਨਾਲ ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਟਾ ਸਕਦੇ ਹੋ

ਪਹਿਲਾ ਕਦਮ - ਐੱਚਟੀਐੱਮਐੱਲ ਜੋੜੋ

<p contenteditable="true">This is an editable paragraph.</p>

ਚੌਥੀ ਕਦਮ - ਐੱਸਐੱਸ ਜੋੜੋ

ਵਰਤੋ [ਅਟਰੀਬਿਊਟ] ਸਲੈਕਟਰ ਸਾਰੇ ਸਮੁੱਚੇ ਸਮੰਜਨੀਯ ਤੱਤਾਂ ਨੂੰ ਚੁਣਦਾ ਹੈ ਅਤੇ ਵਰਤਦਾ ਹੈ outline ਬਾਹਰੀ ਕਿਨਾਰਾ ਹਟਾਓ

[contenteditable] {
  outline: 0px solid transparent;
}

ਖੁਦ ਮੰਗਲ ਕਰੋ

ਸਬੰਧਤ ਪੰਨੇ

ਸੰਦਰਭ ਮੈਨੂਅਲ:HTML contenteditable 属性

ਸੰਦਰਭ ਮੈਨੂਅਲ:CSS [ਅਟਰੀਬਿਊਟਸਲੈਕਟਰ