CSS Selection tıklama alanı yardım

Merhaba arkadaşlar.

Görsel deki gibi bir listem var. Buradaki seçimleri selection box a basarak yapmaktansa kırmızı ile gösterdiğim alana tıklayarak yapmak istiyorum.

Bunu nasıl yapabilirim.

Fikir verebilir belki

<form>
<input type="checkbox" id= "kutu1">
<span id="kutu1_metin" onmouseover = "document.getElementById('kutu1_metin').style.backgroundColor = 'red';" onclick = "document.getElementById('kutu1').click();" onmouseout = "document.getElementById('kutu1_metin').style.backgroundColor = 'white';" > Chrome tarayıcı...</span>
<br>
<input type="checkbox" id= "kutu2">
<span id="kutu2_metin" onmouseover = "document.getElementById('kutu2_metin').style.backgroundColor = 'red';" onclick = "document.getElementById('kutu2').click();" onmouseout = "document.getElementById('kutu2_metin').style.backgroundColor = 'white';" > Opera tarayıcı...</span>
</form>