24 lines
1020 B
HTML
24 lines
1020 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#test3 { color: blue; }
|
|
</style>
|
|
<div id="test-container">
|
|
<div id="test1" id="one" style="color:green; outline: solid 1em currentColor"></div>
|
|
<div id="test2" id="two" style="color:red; outline: solid 1em currentColor"></div>
|
|
<div style="color:green">
|
|
<div id="test3" style="color:currentColor; outline: solid 1em currentColor"></div>
|
|
</div>
|
|
</div>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description('Test that outline-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).outlineColor', 'rgb(0, 128, 0)');
|
|
shouldBeEqualToString('getComputedStyle(test2).outlineColor', 'rgb(0, 128, 0)');
|
|
shouldBeEqualToString('getComputedStyle(test3).outlineColor', 'rgb(0, 128, 0)');
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|