HTML 양식 필드에서 텍스트 강조 표시를 중지하는 방법

Google에서 시간을 보낸 후 해결책을 찾기 위해 여기에 왔습니다. 사용자가 커서를 사용하여 선택할 때 입력 필드 (HTML 양식 필드)의 텍스트 강조 표시를 중지해야합니다. 사용자가 입력 필드에서 텍스트 전체 또는 일부를 선택하려고하면 커서가 사용자가 마우스 왼쪽 버튼을 클릭하는 색인에서 중지해야합니다. 이HTML 양식 필드에서 텍스트 강조 표시를 중지하는 방법

같은 것이이해야는

enter image description here

이

enter image description here

사용자가 어떤 인덱스 사용자에 커서를 찾을 수 있어야한다은 싶어하지하지만 사용자가해야 텍스트를 강조 표시 할 수 없습니다. 나는 CSS 전문가가 아니다. 이것에 대한 해결책은 무엇입니까? JS 솔루션은 setSelectionRange 또는 createTextRange를 사용합니다.

최상의 CSS 또는 JS 솔루션을 제공해주세요.

출처

2013-02-08 Faizul Hasan

이 질문은 아래로 선정되는 이유를 알 수 있습니까? –

가능한 복제본 : http://stackoverflow.com/questions/1599585/styling-the-selection-color-of-an-input-type-text-possible – Uooo

@ w4rumy 지적 해 주셔서 감사합니다. Google에서 오랜 시간 동안 검색 중이었지만 그 답을 찾을 수 없었습니다. 그건 그렇고 내 질문에 하이라이트 색상을 변경하지 않는 이해하시기 바랍니다. 텍스트를 강조 표시 한 상태에서 강조 표시하고 강조 표시하기 시작한 색인에 커서를 유지하십시오. 당신이 오해하지 않았기를 바랍니다. Subhajit 주셔서 감사합니다, 나는 당신의 해결책을 확인합니다. –

-1

하이라이트를 멈출 수 없으므로 트릭을 적용하여 강조 표시의 배경색을 텍스트 필드 배경색으로 바꿀 수 있기를 바랍니다.

배경 색상은 다음이 강조되지 않을 것 같은 것

, 여기에 같은를 달성하기 위해 코드를 IOS : -

View Demo at jsfiddle.

CSS

input::selection { 
background: #fff; 
} 
input::-moz-selection { 
background: #fff; /* Firefox lower versions */ 
}

출처

2013-02-08 05:26:56 Subhajit

Chrome 및 Internet Explorer에서 작동하지 않습니다. 파이어 폭스 만이 이것을 지원하는 것처럼 보인다. – Uooo

이것은 작동하지만 사용자가 백 스페이스 또는 삭제 버튼을 클릭하면 텍스트가 강조 표시되었지만 강조 표시가 보이지 않으므로 텍스트를 제거합니다. –

HTML 양식 필드에서 텍스트 강조 표시를 중지하는 방법

답변

관련 문제