mdn-browser-compat-data

{ "css": { "selectors": { "hover": { "__compat": { "description": "<code>:hover</code>", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/:hover", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "4" }, "opera": { "version_added": "4" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1", "notes": "As of Safari for iOS 7.1.2, tapping a <a href='https://developer.mozilla.org/docs/Web/Events/click#Safari_Mobile'>clickable element</a> causes the element to enter the <code>:hover</code> state. The element will remain in the <code>:hover</code> state until a different element has entered the <code>:hover</code> state." }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "a_elements": { "__compat": { "description": "<code><a></code> element support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "4" }, "opera": { "version_added": "4" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": false, "deprecated": false } } }, "all_elements": { "__compat": { "description": "All elements support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12", "notes": "In Edge, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the <code>:hover</code> state until the pointer is moved. See <a href='https://developer.microsoft.com/microsoft-edge/platform/issues/5381673/'>bug 5381673</a>." }, "firefox": { "version_added": "1" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "7", "notes": [ "In Internet Explorer 8 to Internet Explorer 11, hovering over an element and then scrolling up or down without moving the pointer will leave the element in the <code>:hover</code> state until the pointer is moved. See <a href='https://connect.microsoft.com/IE/feedbackdetail/view/926665'>bug 926665</a>.", "In Internet Explorer 9 (and possibly earlier), if a <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code><table></code></a> has a parent with a non-<code>auto</code> <a href='https://developer.mozilla.org/docs/Web/CSS/width'><code>width</code></a>, <a href='https://developer.mozilla.org/docs/Web/CSS/overflow-x'><code>overflow-x</code></a><code>: auto;</code>, the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code><table></code></a> has enough content to horizontally overflow its parent, and there are <a href='https://developer.mozilla.org/docs/Web/CSS/:hover'><code>:hover</code></a> styles set on elements within the table, then hovering over said elements will cause the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/table'><code><table></code></a>'s height to increase. See <a href='http://jsbin.com/diwiqe'>a live demo that triggers the bug</a>. One workaround for the bug is to set <code>min-height: 0%;</code> (the <code>%</code> unit must be specified, since unitless and <code>px</code> don't work) on the <code><table></code>'s parent element." ] }, "opera": { "version_added": "7" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "37" } }, "status": { "experimental": false, "standard_track": false, "deprecated": false } } }, "pseudo_elements": { "__compat": { "description": "Pseudo-element support", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "28" }, "firefox_android": { "version_added": "28" }, "ie": { "version_added": "11" }, "opera": { "version_added": "15" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "2" }, "safari_ios": { "version_added": "1" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }