>  기사  >  웹 프론트엔드  >  div는 자동 입력 스타일을 차단하기 위해 입력 상자를 입력 상자로 사용하지 않고 내용을 입력할 수 있습니다.

div는 자동 입력 스타일을 차단하기 위해 입력 상자를 입력 상자로 사용하지 않고 내용을 입력할 수 있습니다.

高洛峰
高洛峰원래의
2017-03-06 17:22:121955검색

입력을 클릭하면 브라우저에서 자동으로 추가되는 스타일이 웹사이트의 전체 스타일과 매우 일치하지 않아 전체 디자인의 일관성에 영향을 미치며 입력을 입력 상자로 사용할 수도 있습니다. 아래의 좋은 예를 참고하시면 됩니다. 오늘 저는 동적 창 스타일을 디자인했는데, 마우스가 입력을 클릭할 때 브라우저가 자동으로 추가한 스타일이 웹사이트의 전체 스타일과 매우 일치하지 않는다는 것을 발견했습니다. 브라우저의 지능형 기능이 매우 발전했지만 때로는 그렇지 않습니다. 전체적인 디자인의 일관성에 필연적으로 영향을 미칠 것입니다.

그런 다음 입력 상자를 입력 상자로 사용하지 않는 것에 대해 생각하고

코드는 다음과 같습니다.

<p class="content" contenteditable="true"></p>


생각했습니다. 브라우저 오류 "스마트" 기능을 피할 수 있습니다. 브라우저가 너무 똑똑할 것이라고는 예상하지 못했습니다. 효과는 정확히 동일합니다. Du Niang에만 갈 수 있지만 나중에 내 CSS 예약이 충분하지 않다는 것을 알게 되었습니다. 불쌍하다(자체 검토)

CSS에 이러한 속성이 있습니다

코드는 다음과 같습니다.

.content{outline:none;}


이것은 이미 다음에서 사용할 수 있습니다. css3과 그 형제가 이미 가지고 있습니다.
div는 자동 입력 스타일을 차단하기 위해 입력 상자를 입력 상자로 사용하지 않고 내용을 입력할 수 있습니다.

입력을 입력 상자로 사용하지 않고도 더 많은 div를 사용하여 콘텐츠를 입력할 수 있습니다. 관련 기사는 PHP 중국어 웹사이트를 주목해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.