Since apparently chrome is doing this [intentionally][Chrome32] to move away from native controls, here's a way to change the default behavior in chrome.

* Use the CSS [Attribute Selector][attribute] to target `input` with `[type=checkbox]`
* Use the CSS [`:hover` pseudo-class][hover] to conditionally apply values when hovering
* Use the Chrome [Vendor Prefix][prefix] to only target `-webkit-` browsers<sup>†</sup>
* Style with [`Box-Shadow`][box shadow], using the `inset` option so the shadow goes inwards

Add this CSS:



    input[type=checkbox]:hover {
        -webkit-box-shadow: inset 0 0 2px 2px rgba(82,168,236,.6);
    }

##[Here's a Demo in Fiddle][fiddle]

Here's an **example***:   

![screenshot][screenshot]

†The webkit prefix will also apply to safari browsers  
**There have been prettier things in the world, but I'd still rather have this than nothing*

[Chrome32]: http://winsupersite.com/cloud/chrome-32-vs-windows
[attribute]: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
[hover]: https://developer.mozilla.org/en-US/docs/Web/CSS/:hover
[prefix]: https://stackoverflow.com/a/5411098/1366033
[box shadow]: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
[fiddle]: http://jsfiddle.net/KyleMit/K4cXa/3/
[screenshot]: http://i.imgur.com/Lv1mDRG.png

When I hover over a checkbox or it's label in Firefox or IE, the checkbox enters an active state where it is highlighted, indicating that a click will affect it.  However this doesn't appear to be working chrome for me.

Here's some very, very simple code:



    <label>
        <input type="checkbox"/>
        Sample Check Label
    </label>

##[Here's a fiddle to try out][fiddle]

Here's an example of how checkboxes are rendering in all browsers:

![screenshots][screenshots]

I'm using chrome 32.0.1700.76 m

* Is this an issue other people are having with chrome?
* If other people aren't having this issue, any ideas what could be causing it (extension, add on)
* Is this actually the way chrome chooses to render checkboxes?
   * If so, are there any workarounds for cross browser consistency?

[fiddle]: http://jsfiddle.net/KyleMit/K4cXa/
[screenshots]: http://i.imgur.com/qRpmOYe.png