极速阅览

wpt/css/css-pseudo/active-selection-041.html at master · web-platform-tests/wpt · GitHub

Blame

History

Code
Blame

86 lines (68 loc) · 2.62 KB

Raw

<!DOCTYPE html>

<title>CSS Pseudo-Elements Test: active selection and image</title>

<!--

(...) for replaced content, the UA should create

a semi-transparent wash to coat the content so

that it can show through the selection.

coming from

https://www.w3.org/TR/css-pseudo-4/#highlight-painting

-->

<!--

July 28th 2020

Firefox 68.10.0 ESR will create a resulting

background color of #7F7F80, which looks like

dark gray.

Chrome 83.0.4103.116 will create a resulting

background color of #33CCCC which looks like

dark blue.

July 28th 2020

-->

<style>

div

{

font-size: 300%;

}

img

{

vertical-align: top;

}

Chromium 80+ will highlight space

below and above content box while

Firefox 72+ only highlights the image itself.

Therefore this 'vertical-align: top' declaration

to work around this possible behavior.

img::selection

{

background-color: blue;

equivalent to rgb(0, 0, 255) or rgb(0%, 0%, 100%)

or rgba(0, 0, 255, 1) or #0000FF

}

</style>

function startTest()

{

var targetRange = document.createRange();

/* We first create an empty range */

targetRange.selectNodeContents(document.getElementById("test"));

/* Then we set the range boundaries to the children of div#test */

window.getSelection().addRange(targetRange);

/* Finally, we now select such range of content */

document.documentElement.className = "";

}

</script>

<p>Test passes if there is a filled square which is <strong>not yellow</strong>.

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

Breadcrumbs

active-selection-041.html

Latest commit

History

Breadcrumbs

active-selection-041.html

File metadata and controls

Footer

Footer navigation

Files