gecko/layout/reftests/text-shadow/text-shadow-selected-1-ref.html

38 lines
889 B
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function onload() {
window.focus();
var range = document.createRange();
range.selectNodeContents(document.getElementById("selectMe"));
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}
</script>
<style type="text/css">
body {
background: lightGray;
}
div {
position: absolute;
top: 10px;
left: 10px;
font: 36px monospace;
color: white;
}
</style>
</head>
<!-- REF case renders the selection first, using &nbsp; to avoid any show-through of glyph edges,
then the shadowed text on top of that -->
<body onload="onload()">
<div id="selectMe">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div style="text-shadow:1px 1px 1px red;">
selected shadowed text
</div>
</body>
</html>