티스토리 본문 드래그 색상 변경 방법

드래그 색상

드래그는 긴치마나 망토 등으로 옷이 무대 바닥을 휩쓸며 지나간 것을 표현한 뜻입니다.

그렇지만 마우스 드래그는 컴퓨터 사용자가 마우스를 사용하여 화면상의 객체나 텍스트를 선택하여 이동시키는 행위를 가리킵니다.

오늘은 간단하게 티스토리 본문 마우스 드래그 색상을 바꾸는 방법입니다. 아주 간단하게 변경이 가능합니다.

CSS 코드

아래 코드는 제가 사용하고 있는 스킨의 기본 드래그 색상 코드입니다.

::selection {
    background-color: rgba(102,102,102,.25);
    color: inherit;
}

각자의 스킨마다 설정된 방법이 다릅니다. 하지만 ::selection 설정은 똑같을 것입니다. 제가 사용하고 있는 스킨의 경우 드래그 색상이 회색이었습니다. 추가 설명을 드리자면 위 color에 입력된 inherit값은 CSS 속성의 값을 상속 받는 키워드입니다.

즉 부모 요소의 해당 속성의 값을 자식 요소가 상속받아 사용하게 됩니다. 예를 들어, 어떤 요소의 color 속성을 inherit로 설정하면, 그 요소의 텍스트 색상은 해당 요소의 부모 요소의 텍스트 색상을 상속받습니다. 따라서 자식 요소의 텍스트 색상은 부모 요소와 동일하게 됩니다. 이를 통해 부모 요소의 스타일을 효과적으로 자식 요소에 적용할 수 있습니다.

::selection { // 드래그 색상 변경
    background: rgba(255, 221, 91,0.90);
    color: #000;
}

하지만 저는 노란색으로 교체하였습니다. (지금은 다른 색) 여러분들도 위에 background 색상값만 변경해 주시면 원하시는 색상으로 변경이 가능하실 겁니다. 만약 잘 안되시는 분들은 댓글 남겨 주세요. 오늘도 작은 성공을 경험하시기 바랍니다.