<!DOCTYPE html>
<style>
textarea {
    font-size: 3em;
    height: 300px;
    outline: none;
}
::selection { text-shadow: 1px 1px 2px blue; }
::selection:window-inactive {
    text-shadow: 1px 1px 2px rgba(63, 128, 33, 0.95); /* green; alpha < 1 so that we don't blend the background color with white. */
}
</style>
<textarea>Any textual selection in this sentence should have a green shadow when the window is inactive.</textarea>
<script>
var textarea = document.querySelector("textarea");
textarea.select();
if (window.testRunner)
    testRunner.setWindowIsKey(false);
</script>