<!DOCTYPE html>
<style>
#test3 { color: blue; }
</style>
<div id="test-container">
  <div id="test1" style="color:green; background: currentColor"></div>
  <div id="test2" style="color:red; background: currentColor"></div>
  <div style="color:green">
    <div id="test3" style="color:currentColor; background: currentColor"></div>
  </div>
</div>
<script src="../../resources/js-test-pre.js"></script>
<script>
description('Test that background-color is non-inherit and currentColor is handled correctly.');
var test1 = document.getElementById("test1");
var test2 = document.getElementById("test2");
var test3 = document.getElementById("test3");
test2.style.color = "green";
shouldBeEqualToString('getComputedStyle(test1).backgroundColor', 'rgb(0, 128, 0)');
shouldBeEqualToString('getComputedStyle(test2).backgroundColor', 'rgb(0, 128, 0)');
shouldBeEqualToString('getComputedStyle(test3).backgroundColor', 'rgb(0, 128, 0)');
</script>
<script src="../../resources/js-test-post.js"></script>