Chrome 31 and multiple '+' CSS selectors

2013-11-20 Last modified on 2021-05-24

Hey there, Chrome has a bug. I think.

I have the last standard version: 31.0.1650.57 m.

The html:

<label for="leInput">mon label</label>
<div class="truc">>></div>
<input type="text" id="leInput">

And the css

label, div, input {
    display: inline-block;
}
label:hover + div + input {
    border: 1px solid #f39;
}

The demo page is here.

On Chrome, when you hover on the label, the border of the input does not change.

Rendering on Chrome 31

On other browsers, it is displayed with a nice pink border.

Rendering on Firefox Aurora

Tested with Windows 7 & 8 64 bits.

Chrome Canary 33.0.1713.0 has the correct behaviour !