diff options
Diffstat (limited to 'layout/reftests/selection/semitransparent-decoration-line.html')
| -rw-r--r-- | layout/reftests/selection/semitransparent-decoration-line.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/layout/reftests/selection/semitransparent-decoration-line.html b/layout/reftests/selection/semitransparent-decoration-line.html new file mode 100644 index 0000000000..bdddf67931 --- /dev/null +++ b/layout/reftests/selection/semitransparent-decoration-line.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <title>semitransparent-decoration-line</title> + <style> + * { + text-decoration-skip-ink: none; + } + .underline { + text-decoration: underline rgba(0,0,0,0.3); + font-size: 2em; + } + .overline { + text-decoration: overline rgba(0,0,0,0.3); + font-size: 2em; + } + .line-through { + text-decoration: line-through rgba(0,0,0,0.3); + font-size: 2em; + } + ::-moz-selection { + background-color: white; + color: black; + } + </style> + <script type="text/javascript" charset="utf-8"> + function select() { + window.getSelection().removeAllRanges(); + var elems = document.getElementsByTagName('p'); + for (var i = 0; i < elems.length; ++i) { + var range = document.createRange(); + range.setStart(elems[i].firstChild, 2); + range.setEnd(elems[i].firstChild, 9); + window.getSelection().addRange(range); + } + } + </script> + </head> + <body onload="select()"> + <p class="underline">Lorem ipsum dolor sit amet</p> + <p class="overline">Lorem ipsum dolor sit amet</p> + <p class="line-through">Lorem ipsum dolor sit amet</p> + </body> +</html> |