如何移除可编辑内容的边框

学习如何从可编辑元素中移除边框。

移除可编辑内容的边框

默认情况下,当您在 contenteditable 设置为 true 的元素内编写内容时,该元素在聚焦时会获得边框。

కానీ, మీరు CSS ఉపయోగించి బిడ్గా కాంతి తొలగించవచ్చు:

మొదటి చర్య - HTML జోడించండి:

<p contenteditable="true">ఈ పేరాగ్రాఫ్ సవరించబడుతుంది.</p>

రెండవ చర్య - CSS జోడించండి:

ఉపయోగించండి [అట్రిబ్యూట్] సెలెక్టర్ అన్ని కంటెంట్ ఎడిటబుల్ మెన్షన్స్ ను ఎంచుకుంటుంది మరియు ఉపయోగిస్తుంది outline బిడ్గా కాంతి తొలగించు:

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

మీరే ప్రయత్నించండి

సంబంధిత పేజీలు

పరిచయం హాన్డ్బుక్:HTML contenteditable 属性

పరిచయం హాన్డ్బుక్:CSS [అట్రిబ్యూట్సెలెక్టర్