diff --git a/css/css-ui/inheritance.html b/css/css-ui/inheritance.html
index 912e9f3228f5be..6315316d8224b7 100644
--- a/css/css-ui/inheritance.html
+++ b/css/css-ui/inheritance.html
@@ -19,24 +19,32 @@
 #reference {
   border-style: dotted; /* Avoid border-top-width computed style 0 */
   border-top-width: medium;
+  color: lime;
+  background: blue;
 }
 
 #container, #target {
   outline-style: dotted; /* Avoid outline-width computed style 0 */
+  color: lime;
+  background: blue;
 }
 </style>
 <script>
 const mediumWidth = getComputedStyle(reference).borderTopWidth; // e.g. 3px
+const currentColor = getComputedStyle(reference).color;
 
 assert_not_inherited('appearance', 'auto', 'none');
-assert_inherited('caret-color', 'auto', 'rgba(42, 53, 64, 0.75)');
+assert_inherited('caret-color', currentColor, 'rgba(42, 53, 64, 0.75)');
 assert_inherited('caret-shape', 'auto', 'bar');
 assert_inherited('cursor', 'auto', 'pointer');
 assert_not_inherited('nav-down', 'auto', '#foo');
 assert_not_inherited('nav-left', 'auto', '#foo');
 assert_not_inherited('nav-right', 'auto', '#foo');
 assert_not_inherited('nav-up', 'auto', '#foo');
-assert_not_inherited('outline-color', 'invert', 'rgba(42, 53, 64, 0.75)');
+if (CSS.supports('outline-color', 'invert'))
+  assert_not_inherited('outline-color', 'invert', 'rgba(42, 53, 64, 0.75)');
+else
+  assert_not_inherited('outline-color', currentColor, 'rgba(42, 53, 64, 0.75)');
 assert_not_inherited('outline-offset', '0px', '10px');
 assert_not_inherited('outline-style', 'none', 'auto');
 assert_not_inherited('outline-width', mediumWidth, '10px');