Google에서 div를 사용하여 커서 기능을 구현하는 방법

Question

내 프로젝트에 크롬 브라우저를 사용하고 있으며 내 URL의 텍스트 필드에 커서가 깜박이지 않습니다. google.com을로드하려고 시도했지만 제대로 작동했습니다. 나는 Google이 div의 형태로 자신의 커서를 사용한다는 것을 알아 냈습니다. 하지만 그들의 솔루션을 복제 할 수 없습니다. 누군가가 도울 수 있으면, 그것은 굉장 할 것이다.

감사합니다.

<div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(0, 0, 0); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: absolute; top: 1px; z-index: 4; white-space: pre; width: 1px; height: 20px; background-color: rgb(0, 0, 0); left: 3px; display: none; background-position: initial initial; background-repeat: initial initial; "></div> 

Answer 1

크롬에 대한

업데이트 바이올린 : http://jsfiddle.net/techfoobar/xEVSu/2/

---

확인이 버팀대 dle : http://jsfiddle.net/techfoobar/xEVSu/

내가 한 것은 정상적인 커서처럼 동작하는 커서에 대해 사용자 지정 깜박임 DIV를 구현하는 것입니다. 즉, 텍스트 입력, 선택 변경 등으로 움직입니다. 또한 사용자 지정 강조 DIV (텍스트 선택) . 그것을 구현하는 재미 있었어, 나는해야합니다! :)

참고 : 당신은 아주 좋은 이유가 없다면에 정의 구현을 위해 갈, 텍스트 상자 기능을 제공하는 기본 브라우저를 사용합니다.

Answer 2

글쎄, 내가 말하는 것을 볼 수는 없지만 어떻게 할 것인가.

http://jsfiddle.net/pP3zk/

CSS

div { 
    height: 20px; 
    width: 1px; 
    border-left: 1px solid black; 
} 

JQuery와

function blink() { 
    $('div').fadeOut(function() { 
     $(this).fadeIn(blink); 
    }); 
} 

blink();