テキストエリアのjqueryの色は1行だけです

Question

jqueryで選択した行に色を付ける必要があります。私は、行にあるテキストエリアがあるとします。ユーザーがテキストエリアをクリックしたときにクリックされた行をtp colorにする必要があります。だから私はこのコードを使用します

$(document).on("mouseup", '#scroll_bar', function(eventData) { 
     console.log("DELLLLLLLLL"); 
     var scrollPosition = $(this).scrollTop() 
     var lineHeight = $(this).css("line-height"); 
     lineHeight = parseInt(lineHeight.substring(0, lineHeight.length - 2)); 

     var line = Math.floor((eventData.offsetY + scrollPosition)/lineHeight); 

     alert($(this).val().split("\n")[line]); 
    }); 

をしかし、私は、ユーザーがクリックしたが、私はオレンジのような色を選択していないどのように行を見つけます。誰でも私を助けることができますか？

Answer 1

背景イメージでテキストエリアの1行（またはそれ以上）の行を色付けすることは可能です。

ここでは、リニアグラデーションで背景画像としてどのように行うことができるかの例があります。

background: linear-gradient(to bottom, #fff 0px, red 0px, red 22px, #fff 22px); 
background-position: 20px; 

Working example