CSS検索候補を選択したテキストをハイライト表示

Question

私はCSSとhtmlの初心者です。私は名前のリストを持つウェブページを作成したいと思います。リストから名前/名前を選択するには、（複数の場合もあります）が必要です。私は、特定のテキストのバックグラウンドがボックスで確認されるのではなく、強調表示される方法があるかどうかを知りたいと思います。

また、リスト全体をナビゲートできるの検索候補もお勧めします。

私はリスト

echo "<input type=\"checkbox\" name=\"check_list[]\" value=\"{$row['UserIndex']} class=\"studentUL\"\"><label><a>{$row['LName']}, {$row['FName']}, {$row['Year']}</a></label>"; 

を表示します。しかし、私が検索したとき、それはthis が表示されます。このコードの一部に伴い、特定のラベルのため

function Search() { 
    var input, filter, form, label, a, i; 
    input = document.getElementById("Input"); 
    filter = input.value.toUpperCase(); 
    form = document.getElementById("Input"); 
    label = ul.getElementsByTagName("label"); 
    for (i = 0; i < li.length; i++) { 
     a = label[i].getElementsByTagName("a")[0]; 
     if (a.innerHTML.toUpperCase().indexOf(filter) > -1) { 
      label[i].style.display = ""; 
     } else { 
      label[i].style.display = "none"; 

     } 
    } 
} 

を検索するコードのこの部分を持っています任意の検索がなければ、それは助けをthis

感謝を表示します:)

Answer 1

私は、検索

以外のご質問の一部に答える Javascript: Change label background color on checkboxで同様の質問を見て