2011-10-08 09:27:21 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function onload() {
|
2012-09-25 02:22:42 -07:00
|
|
|
window.focus();
|
2011-10-08 09:27:21 -07:00
|
|
|
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 to avoid any show-through of glyph edges,
|
|
|
|
|
then the shadowed text on top of that -->
|
|
|
|
|
<body onload="onload()">
|
|
|
|
|
<div id="selectMe">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div style="text-shadow:1px 1px 1px red;">
|
|
|
|
|
selected shadowed text
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
