jQuery Dialog :focus and :hover

Doesn't work in IE8

by omegak

HTML

<div id="dialog">
    <input type="text"/>
</div>

CSS

input[type=text] {
    border: 1px solid #bbb;
}

input[type=text]:hover {
    background: red;
}

input[type=text]:focus {
    background: blue;
}

JavaScript

$("<div><input type='text'/></div>").dialog();