CSS로 기본 텍스트 선택 색상을 재정의하려면 코드는 다음과 같습니다.
예시
<!DOCTYPE html>
<html>
<head>
<style>
::-moz-selection {
color: rgb(255, 255, 255);
background: rgb(118, 69, 231);
}
::selection {
color: rgb(255, 255, 255);
background: rgb(118, 69, 231);
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
p {
font-size: 40px;
}
</style>
</head>
<body>
<h1>Text selection color example</h1>
<h2>Select some text to see the text selection color</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto consequuntur fugiat
doloremque adipisci vero iste soluta ea ut! Exercitationem rem dolore delectus modi
repellat quo mollitia temporibus laudantium, alias itaque tempora, iure voluptatem
non voluptas, deleniti laborum? Cum ducimus unde, vitae consequuntur nobis dignissimos
similique officia possimus quis necessitatibus praesentium!
</p>
</body>
</html> 출력
위의 코드는 다음과 같은 출력을 생성합니다 -
일부 텍스트를 선택하면 아래 스크린샷과 같이 색상이 변경됩니다.
