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/

---

このFIDをチェック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();