Hover on both – Label and Input

Винаги, когато използвам checkbox, radio бутони, dropdown списъци…, т.е. input полета, в които не се въвеждат данни от потребителя, а също и label към тях им добавям стил, който обръща курсора на мишката в поинтер. В допълнение слагам и стил към :hover състоянието им за подобряване на потребителското взаимодействие с елементите.

Например:
<style type="text/css" media="screen">
  label, input {cursor:pointer}
  label:hover, input:hover {background:#ff0}
</style>

С времето се убедих, че е по-интуитивно за потребителите и с голяма лекота избират необходимите действия.

Наскоро получих „прозрение“, така де – задачка закачка, когато се активира :hover състоянието на input полето да се активира и на съответния етикет и обратно. Пък и да работи за IE5.5 и IE6 – една исторически наследена обемна форма за регистриране на данни, която един ден ще взема да пренапиша, но до тогава… :о)

Има още