이 기사는 CSS에서 스크롤 막대(코드)를 사용자 정의하는 방법을 공유합니다. 내용이 매우 좋습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
html↓
<p></p>
css↓
.test { display: inline-block; margin: 60px 40%; width: 280px; padding: 5px 4px; min-height: 20px; line-height: 20px; max-height: 72px; border: 1px solid #ccc; font-size: 12px; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; -webkit-user-modify: read-write-plaintext-only; border-radius: 4px; } .test::-webkit-scrollbar { width: 4px; height: 1px; } .test::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #C8C8C8; } .test::-webkit-scrollbar-track { border-radius: 4px; background-color: #FFFFFF; }
Rendering
관련 권장 사항:
CSS 점선 구현 선 스타일 두 가지 방법: 점선 및 점선(예)
위 내용은 CSS에서 스크롤 막대를 사용자 정의하는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!