드래그로 선택된 텍스트 기본 색상 변경

 

안녕하세요! cocoder 입니다.

 

이번 포스팅은 블로그의 내용을 드래그를 허용하는 경우에 드래그한 텍스트의 색깔을 변경하는 방법을 알려드릴게요.

 

요게 보통 일반적인 텍스트 드래그 했을경우의 색깔이죠.

 

 

요런식으로 블랙핑크로 바꿀수도 있습니다.

 

<style>
    ::selection {
      background: #1C1C1B; /* 배경색 설정 */
      color: #CE4A7E; /* 텍스트 색상 설정 */
    }
</style>

코드는 이렇습니다. 색상코드는 원하시는거로 변경하시면 됩니다. 색상을 추천해주는 사이트 입니다.

https://2colors.colorion.co/

Two Color Combinations

 

 

우선 티스토리 관리페이지로 이동합니다.

'꾸미기 > 스킨편집' 으로 새 창을 띄웁니다. 오른쪽 상단에 'html 편집' 버튼을 클릭합니다.

 

</head> 태그위에 이 코드를 붙여넣을거에요.

 

요런식으로 넣어주시면 됩니다. 제 다른 포스팅을 보신적이 있다면 이 부분은 아마 익숙하실거라 생각합니다. 혹시 기존에 사용하고 있던 <style> 태그가 있다면 기존의<style></style> 안에 넣으셔도 됩니다.

 

기존태그를 두고 새롭게 넣었다면 이렇게 될거에요.

 

미리보기로 확인한 뒤 적용하여 블로그에 적용합니다!

 

감사합니다. 🤗🤗