<!DOCTYPE html>
<html>
<head>
<style>
#test-container {
    height: 50px;
    width: 50px;
    overflow: hidden;
}

#mock-caret {
    height: inherit;
    width: inherit;
    background-color: green;
}
</style>
</head>
<body>
<p>This tests that caret-color is inherited.</p>
<div id="test-container">
    <div id="mock-caret"></div>
</div>
</body>
</html>