Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-ui/caret-shape-block-color-003.tentative.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Test caret-shape block color when the overlapping visible character's CSS color property is specified</title>
<link rel=match href="caret-shape-block-color-003-ref.tentative.html">
<meta name="assert"
content="Test checks that caret-shape block color has an opacity of 0.5 of the specified value of overlapping visible character's CSS color property">
<style>
div {
font-size: 5em;
}
#target {
color: blue;
caret-shape: block;
caret-animation: manual;
}
#target:focus {
outline: none;
}
</style>
<div id="target" contenteditable>abc</div>
<script>
target.focus();
</script>