blob: defc7cd6c49da58e49bff8e59a79f4a7dd4ff2c6 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>inert does not match :disabled selector</title>
<link rel="author" title="Alice Boxhall" href="aboxhall@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
button {
color: green;
}
button:disabled {
color: red;
}
</style>
</head>
<body>
<button inert>The test passes if this is in green.</button>
<script>
test(function() {
button = document.querySelector('button');
var color = document.defaultView.getComputedStyle(button).getPropertyValue('color');
assert_equals(color, 'rgb(0, 128, 0)');
}, 'Tests that inert elements do not match the :disabled selector.');
</script>
</body>
</html>