CODEWITHSUNDEEP
cssinternet-explorerinternet-explorer-8focushover
Mike
Mike

Reputation: 31

Form CSS input:hover and input:focus not working in IE

I'm using CSS styling of input:hover and input:focus on this page:

Lenticular Printing and 3D Promotional Products

The effects work in Chrome and Firefox, but not IE. What am I doing wrong?

Upvotes: 3

Views: 4525

Answers (3)

Rick
Rick

Reputation: 31

If you are not seeing the focus color charging on your local machine (or an Intranet site) when using IE9, use Tools >> Compatibility View Settings, and disable the Compatability checkboxes.

This will override the setting on a browser-level, irregardless of the site's code.

Upvotes: 3

Josue Efrain Didier Balbuena
Josue Efrain Didier Balbuena

Reputation: 81

Check that the html document is valid because Internet explorer could be in quirks mode, to do this be sure that your document is valid, and check the html document headers:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Upvotes: 2

alex
alex

Reputation: 490173

:focus is not supported in < IE8.

Upvotes: 2

Related Questions