Skip to content

Instantly share code, notes, and snippets.

@leostratus
Created September 21, 2012 01:44
Show Gist options
  • Save leostratus/3759334 to your computer and use it in GitHub Desktop.
Save leostratus/3759334 to your computer and use it in GitHub Desktop.
Webkit Pseudo-Element Selectors (Shadow DOM Elements)

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

<video>

video::-webkit-media-controls-panel

video::-webkit-media-controls-play-button

video::-webkit-media-controls-volume-slider-container

video::-webkit-media-controls-volume-slider

video::-webkit-media-controls-mute-button

video::-webkit-media-controls-timeline

video::-webkit-media-controls-current-time-display

video::-webkit-full-page-media::-webkit-media-controls-panel

video::-webkit-media-controls-timeline-container

video::-webkit-media-controls-time-remaining-display

video::-webkit-media-controls-seek-back-button

video::-webkit-media-controls-seek-forward-button

video::-webkit-media-controls-fullscreen-button

video::-webkit-media-controls-rewind-button

video::-webkit-media-controls-return-to-realtime-button

video::-webkit-media-controls-toggle-closed-captions-button

<audio>

audio::-webkit-media-controls-panel

audio::-webkit-media-controls-mute-button

audio::-webkit-media-controls-play-button

audio::-webkit-media-controls-timeline-container

audio::-webkit-media-controls-current-time-display

audio::-webkit-media-controls-time-remaining-display

audio::-webkit-media-controls-timeline

audio::-webkit-media-controls-volume-slider-container

audio::-webkit-media-controls-volume-slider

audio::-webkit-media-controls-seek-back-button

audio::-webkit-media-controls-seek-forward-button

audio::-webkit-media-controls-fullscreen-button

audio::-webkit-media-controls-rewind-button

audio::-webkit-media-controls-return-to-realtime-button

audio::-webkit-media-controls-toggle-closed-captions-button

<input type="range">

input[type="range"]::-webkit-slider-thumb

<input type="file">

input[type="file"]::-webkit-file-upload-button

<input type="number">

input[type="number"]::-webkit-inner-spin-button

input[type="number"]::-webkit-outer-spin-button

Form validation message-bubbe (WebKit r82180 or later)

::-webkit-validation-bubble

::-webkit-validation-bubble-arrow-clipper

::-webkit-validation-bubble-arrow

::-webkit-validation-bubble-message

<progress>

progress::-webkit-progress-bar

progress::-webkit-progress-value

<meter>

meter::-webkit-progress-bar

meter::-webkit-meter-optimum-value

meter::-webkit-meter-suboptimum-value

meter::-webkit-meter-even-less-good-value

Search

::-webkit-search-cancel-button

::-webkit-search-decoration

::-webkit-search-results-button

::-webkit-search-results-decoration

Scrollbar

::-webkit-scrollbar

::-webkit-scrollbar-button

::-webkit-scrollbar-corner

::-webkit-scrollbar-thumb

::-webkit-scrollbar-track

::-webkit-scrollbar-track-piece

Unsorted/Haven't investigated usage at all yet (Could contain dupes)

-webkit-inner-spin-button

-webkit-input-placeholder

-webkit-input-speech-button

-webkit-meter-horizontal-bar

-webkit-meter-horizontal-even-less-good-value

-webkit-meter-horizontal-optimum-value

-webkit-meter-horizontal-suboptimal-value

-webkit-meter-vertical-bar

-webkit-outer-spin-button

-webkit-progress-bar-value

-webkit-resizer

@paulirish
Copy link

looks like you got all the ones in here: http://trac.webkit.org/wiki/Styling%20Form%20Controls

@paulirish
Copy link

i acked through the webkit layout tests and grabbed all the ::-webkit-s i could find. here you go. :D

ChangeLog-2007-10-14:20931:        Added a test that ::-webkit-slider-thumb style is actually applied.
ChangeLog-2011-02-16:14999:        Tests ::-webkit-scrollbar-corner inside a table.
ChangeLog-2011-06-04:13640:        Respect fixed text-indent on ::-webkit-input-placeholder
compositing/overflow/clip-content-under-overflow-controls.html:16:.container::-webkit-scrollbar {
compositing/overflow/clip-content-under-overflow-controls.html:19:.container::-webkit-resizer {
compositing/overflow/repaint-after-losing-scrollbars.html:13:::-webkit-scrollbar {
compositing/overflow/repaint-after-losing-scrollbars.html:17:::-webkit-resizer {
compositing/scrollbar-painting.html:15:.container::-webkit-scrollbar {
compositing/scrollbar-painting.html:19:.container::-webkit-resizer {
fast/css/css-selector-text-expected.txt:61:PASS parseThenSerializeRule('::-webkit-file-upload-button { }') is '*::-webkit-file-upload-button { }'
fast/css/css-selector-text-expected.txt:62:PASS parseThenSerializeRule('::-webkit-search-cancel-button { }') is '*::-webkit-search-cancel-button { }'
fast/css/css-selector-text-expected.txt:63:PASS parseThenSerializeRule('::-webkit-search-decoration { }') is '*::-webkit-search-decoration { }'
fast/css/css-selector-text-expected.txt:64:PASS parseThenSerializeRule('::-webkit-search-results-button { }') is '*::-webkit-search-results-button { }'
fast/css/css-selector-text-expected.txt:65:PASS parseThenSerializeRule('::-webkit-search-results-decoration { }') is '*::-webkit-search-results-decoration { }'
fast/css/css-selector-text-expected.txt:66:PASS parseThenSerializeRule('::-webkit-slider-thumb { }') is '*::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:68:PASS parseThenSerializeRule('a::-webkit-slider-thumb { }') is 'a::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:69:PASS parseThenSerializeRule('a ::-webkit-slider-thumb { }') is 'a *::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:70:PASS parseThenSerializeRule('[a]::-webkit-slider-thumb { }') is '[a]::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:71:PASS parseThenSerializeRule('[a] ::-webkit-slider-thumb { }') is '[a] *::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:72:PASS parseThenSerializeRule('.a::-webkit-slider-thumb { }') is '.a::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:73:PASS parseThenSerializeRule('.a ::-webkit-slider-thumb { }') is '.a *::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:74:PASS parseThenSerializeRule('#a::-webkit-slider-thumb { }') is '#a::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:75:PASS parseThenSerializeRule('#a ::-webkit-slider-thumb { }') is '#a *::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:76:PASS parseThenSerializeRule('* ::-webkit-slider-thumb { }') is '* *::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:78:PASS parseThenSerializeRule('a[b]::-webkit-slider-thumb { }') is 'a[b]::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:79:PASS parseThenSerializeRule('a.b::-webkit-slider-thumb { }') is 'a.b::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:80:PASS parseThenSerializeRule('a#b::-webkit-slider-thumb { }') is 'a#b::-webkit-slider-thumb { }'
fast/css/css-selector-text-expected.txt:81:PASS parseThenSerializeRule('a[b].c#d::-webkit-slider-thumb { }') is 'a[b].c#d::-webkit-slider-thumb { }'
fast/css/css-selector-text.html:100:shouldBe("parseThenSerializeRule('::-webkit-file-upload-button { }')", "'*::-webkit-file-upload-button { }'");
fast/css/css-selector-text.html:101:shouldBe("parseThenSerializeRule('::-webkit-search-cancel-button { }')", "'*::-webkit-search-cancel-button { }'");
fast/css/css-selector-text.html:102:shouldBe("parseThenSerializeRule('::-webkit-search-decoration { }')", "'*::-webkit-search-decoration { }'");
fast/css/css-selector-text.html:103:shouldBe("parseThenSerializeRule('::-webkit-search-results-button { }')", "'*::-webkit-search-results-button { }'");
fast/css/css-selector-text.html:104:shouldBe("parseThenSerializeRule('::-webkit-search-results-decoration { }')", "'*::-webkit-search-results-decoration { }'");
fast/css/css-selector-text.html:105:shouldBe("parseThenSerializeRule('::-webkit-slider-thumb { }')", "'*::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:109:testSelectorRoundTrip("a::-webkit-slider-thumb");
fast/css/css-selector-text.html:110:shouldBe("parseThenSerializeRule('a ::-webkit-slider-thumb { }')", "'a *::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:111:testSelectorRoundTrip("[a]::-webkit-slider-thumb");
fast/css/css-selector-text.html:112:shouldBe("parseThenSerializeRule('[a] ::-webkit-slider-thumb { }')", "'[a] *::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:113:testSelectorRoundTrip(".a::-webkit-slider-thumb");
fast/css/css-selector-text.html:114:shouldBe("parseThenSerializeRule('.a ::-webkit-slider-thumb { }')", "'.a *::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:115:testSelectorRoundTrip("#a::-webkit-slider-thumb");
fast/css/css-selector-text.html:116:shouldBe("parseThenSerializeRule('#a ::-webkit-slider-thumb { }')", "'#a *::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:117:shouldBe("parseThenSerializeRule('* ::-webkit-slider-thumb { }')", "'* *::-webkit-slider-thumb { }'");
fast/css/css-selector-text.html:121:testSelectorRoundTrip("a[b]::-webkit-slider-thumb");
fast/css/css-selector-text.html:122:testSelectorRoundTrip("a.b::-webkit-slider-thumb");
fast/css/css-selector-text.html:123:testSelectorRoundTrip("a#b::-webkit-slider-thumb");
fast/css/css-selector-text.html:124:testSelectorRoundTrip("a[b].c#d::-webkit-slider-thumb");
fast/css/css-set-selector-text-expected.txt:71:PASS setThenReadSelectorText('::-webkit-file-upload-button') is '*::-webkit-file-upload-button'
fast/css/css-set-selector-text-expected.txt:72:PASS setThenReadSelectorText('::-webkit-search-cancel-button') is '*::-webkit-search-cancel-button'
fast/css/css-set-selector-text-expected.txt:73:PASS setThenReadSelectorText('::-webkit-search-decoration') is '*::-webkit-search-decoration'
fast/css/css-set-selector-text-expected.txt:74:PASS setThenReadSelectorText('::-webkit-search-results-button') is '*::-webkit-search-results-button'
fast/css/css-set-selector-text-expected.txt:75:PASS setThenReadSelectorText('::-webkit-search-results-decoration') is '*::-webkit-search-results-decoration'
fast/css/css-set-selector-text-expected.txt:76:PASS setThenReadSelectorText('::-webkit-slider-thumb') is '*::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:78:PASS setThenReadSelectorText('a::-webkit-slider-thumb') is 'a::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:79:PASS setThenReadSelectorText('a ::-webkit-slider-thumb') is 'a *::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:80:PASS setThenReadSelectorText('[a]::-webkit-slider-thumb') is '[a]::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:81:PASS setThenReadSelectorText('[a] ::-webkit-slider-thumb') is '[a] *::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:82:PASS setThenReadSelectorText('.a::-webkit-slider-thumb') is '.a::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:83:PASS setThenReadSelectorText('.a ::-webkit-slider-thumb') is '.a *::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:84:PASS setThenReadSelectorText('#a::-webkit-slider-thumb') is '#a::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:85:PASS setThenReadSelectorText('#a ::-webkit-slider-thumb') is '#a *::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:86:PASS setThenReadSelectorText('* ::-webkit-slider-thumb') is '* *::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:88:PASS setThenReadSelectorText('a[b]::-webkit-slider-thumb') is 'a[b]::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:89:PASS setThenReadSelectorText('a.b::-webkit-slider-thumb') is 'a.b::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:90:PASS setThenReadSelectorText('a#b::-webkit-slider-thumb') is 'a#b::-webkit-slider-thumb'
fast/css/css-set-selector-text-expected.txt:91:PASS setThenReadSelectorText('a[b].c#d::-webkit-slider-thumb') is 'a[b].c#d::-webkit-slider-thumb'
fast/css/css-set-selector-text.html:117:shouldBe("setThenReadSelectorText('::-webkit-file-upload-button')", "'*::-webkit-file-upload-button'");
fast/css/css-set-selector-text.html:118:shouldBe("setThenReadSelectorText('::-webkit-search-cancel-button')", "'*::-webkit-search-cancel-button'");
fast/css/css-set-selector-text.html:119:shouldBe("setThenReadSelectorText('::-webkit-search-decoration')", "'*::-webkit-search-decoration'");
fast/css/css-set-selector-text.html:120:shouldBe("setThenReadSelectorText('::-webkit-search-results-button')", "'*::-webkit-search-results-button'");
fast/css/css-set-selector-text.html:121:shouldBe("setThenReadSelectorText('::-webkit-search-results-decoration')", "'*::-webkit-search-results-decoration'");
fast/css/css-set-selector-text.html:122:shouldBe("setThenReadSelectorText('::-webkit-slider-thumb')", "'*::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:126:testSelectorRoundTrip("a::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:127:shouldBe("setThenReadSelectorText('a ::-webkit-slider-thumb')", "'a *::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:128:testSelectorRoundTrip("[a]::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:129:shouldBe("setThenReadSelectorText('[a] ::-webkit-slider-thumb')", "'[a] *::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:130:testSelectorRoundTrip(".a::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:131:shouldBe("setThenReadSelectorText('.a ::-webkit-slider-thumb')", "'.a *::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:132:testSelectorRoundTrip("#a::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:133:shouldBe("setThenReadSelectorText('#a ::-webkit-slider-thumb')", "'#a *::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:134:shouldBe("setThenReadSelectorText('* ::-webkit-slider-thumb')", "'* *::-webkit-slider-thumb'");
fast/css/css-set-selector-text.html:138:testSelectorRoundTrip("a[b]::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:139:testSelectorRoundTrip("a.b::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:140:testSelectorRoundTrip("a#b::-webkit-slider-thumb");
fast/css/css-set-selector-text.html:141:testSelectorRoundTrip("a[b].c#d::-webkit-slider-thumb");
fast/css/input-search-table-column-crash.html:7:        input[type="search"]::-webkit-search-cancel-button {
fast/css/pseudo-cache-stale-expected.html:2:::-webkit-input-placeholder {
fast/css/pseudo-cache-stale.html:18:    .green input::-webkit-input-placeholder {
fast/css/unknown-pseudo-element-matching-expected.txt:4:::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:5:*::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:6:::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:7:*|::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:8:*|*::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:9:html|::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:10:html|*::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:11:#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:12:.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:13:#foo::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:14:.bar::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:15:html|#foo::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:16:html|.bar::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:17:*|#foo::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:18:input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:19:input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:20:input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:21:input::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:22:input#foo::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:23:input.bar::-webkit-slider-thumb, where HTML is not default namespace should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:24:html|input::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:25:html|input#foo::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:26:html|input.bar::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:27:*|input#foo::-webkit-slider-thumb, where HTML is not default namespace should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:28:input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:29:input#foo[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:30:input.bar[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:33:::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:34:*::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:35:input::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:36:#foo::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:37:input#foo::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:38:input.bar::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:39:input[type=range]::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:42:::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:43:*::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:44:input::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:45:#foo::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:46:input#foo::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:47:input.bar::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:48:input[type=range]::-webkit-slider-thumb:disabled should not match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:51:::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:52:*::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:53:input::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:54:#foo::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:55:input#foo::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:56:input.bar::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:57:input[type=range]::-webkit-slider-thumb:hover should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:60:#baz ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:61:#baz *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:62:#baz input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:63:#baz #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:64:#baz input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:65:#baz input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:66:#baz input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:67:.qux ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:68:.qux *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:69:.qux input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:70:.qux #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:71:.qux input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:72:.qux input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:73:.qux input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:76:#sib + ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:77:#sib + *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:78:#sib + input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:79:#sib + #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:80:#sib + input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:81:#sib + input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:82:#sib + input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:83:#sib ~ ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:84:#sib ~ *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:85:#sib ~ input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:86:#sib ~ #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:87:#sib ~ input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:88:#sib ~ input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:89:#sib ~ input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:90:.ling + ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:91:.ling + *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:92:.ling + input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:93:.ling + #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:94:.ling + input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:95:.ling + input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:96:.ling + input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:97:.ling ~ ::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:98:.ling ~ *::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:99:.ling ~ input::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:100:.ling ~ #foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:101:.ling ~ input#foo::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:102:.ling ~ input.bar::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching-expected.txt:103:.ling ~ input[type=range]::-webkit-slider-thumb should match: PASS
fast/css/unknown-pseudo-element-matching.html:20:'::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:21:'*::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:22:'input::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:23:'#foo::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:24:'input#foo::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:25:'input.bar::-webkit-slider-thumb',
fast/css/unknown-pseudo-element-matching.html:26:'input[type=range]::-webkit-slider-thumb'
fast/css/unknown-pseudo-element-matching.html:75:    runSelectorTest(MATCH, '::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:76:    runSelectorTest(MATCH, '*::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:77:    runSelectorTest(NO_MATCH, '::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:78:    runSelectorTest(MATCH, '*|::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:79:    runSelectorTest(MATCH, '*|*::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:80:    runSelectorTest(MATCH, 'html|::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:81:    runSelectorTest(MATCH, 'html|*::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:82:    runSelectorTest(MATCH, '#foo::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:83:    runSelectorTest(MATCH, '.bar::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:84:    runSelectorTest(NO_MATCH, '#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:85:    runSelectorTest(NO_MATCH, '.bar::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:86:    runSelectorTest(MATCH, 'html|#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:87:    runSelectorTest(MATCH, 'html|.bar::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:88:    runSelectorTest(MATCH, '*|#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:89:    runSelectorTest(MATCH, 'input::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:90:    runSelectorTest(MATCH, 'input#foo::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:91:    runSelectorTest(MATCH, 'input.bar::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:92:    runSelectorTest(NO_MATCH, 'input::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:93:    runSelectorTest(NO_MATCH, 'input#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:94:    runSelectorTest(NO_MATCH, 'input.bar::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:95:    runSelectorTest(MATCH, 'html|input::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:96:    runSelectorTest(MATCH, 'html|input#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:97:    runSelectorTest(MATCH, 'html|input.bar::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:98:    runSelectorTest(MATCH, '*|input#foo::-webkit-slider-thumb', WITH_NAMESPACES);
fast/css/unknown-pseudo-element-matching.html:99:    runSelectorTest(MATCH, 'input[type=range]::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:100:    runSelectorTest(MATCH, 'input#foo[type=range]::-webkit-slider-thumb');
fast/css/unknown-pseudo-element-matching.html:101:    runSelectorTest(MATCH, 'input.bar[type=range]::-webkit-slider-thumb');
fast/css-generated-content/table-with-scrollbar-corner.html:3:::-webkit-scrollbar-corner { zoom: reset; }
fast/dom/HTMLInputElement/input-slider-update-styled.html:12:input::-webkit-slider-thumb {
fast/dom/HTMLMeterElement/meter-styles-changing-pseudo.html:18:  meter.styled::-webkit-meter-bar { background: gray; }
fast/dom/HTMLMeterElement/meter-styles-changing-pseudo.html:19:  meter.styled::-webkit-meter-optimum-value { background: green; }
fast/dom/HTMLMeterElement/meter-styles-changing-pseudo.html:20:  meter.styled::-webkit-meter-suboptimal-value { background: yellow; }
fast/dom/HTMLMeterElement/meter-styles-changing-pseudo.html:21:  meter.styled::-webkit-meter-even-less-good-value { background: red; }
fast/dom/HTMLMeterElement/meter-styles.html:13:  meter.barstyled::-webkit-meter-bar { background: gray; border-style: solid; border-width: 2px; border-color: #222; }
fast/dom/HTMLMeterElement/meter-styles.html:14:  meter.valstyled::-webkit-meter-optimum-value { background: green; border-style: solid; border-width: 2px; border-color: #7c7; }
fast/dom/HTMLMeterElement/meter-styles.html:16:  meter#bar-paddings::-webkit-meter-bar { padding: 5px; }
fast/dom/HTMLProgressElement/progress-bar-value-pseudo-element.html:10:.transparent-bar::-webkit-progress-bar { background-color: transparent; }
fast/dom/HTMLProgressElement/progress-bar-value-pseudo-element.html:11:.transparent-value::-webkit-progress-value { background-color: transparent; }
fast/dom/HTMLProgressElement/progress-bar-value-pseudo-element.html:13:.bar-style::-webkit-progress-bar { background-color: red; border:3px solid #900; }
fast/dom/HTMLProgressElement/progress-bar-value-pseudo-element.html:14:.value-style::-webkit-progress-value { background-color: yellow; border:3px solid #990; }
fast/dom/shadow/shadowdom-for-image-with-pseudo-id.html:6:#host::-webkit-image-inner-element {
fast/events/scale-and-scroll-body.html:4:        ::-webkit-scrollbar {
fast/events/scale-and-scroll-iframe-body.html:4:        ::-webkit-scrollbar {
fast/events/scale-and-scroll-iframe-window.html:4:        ::-webkit-scrollbar {
fast/events/scale-and-scroll-window.html:4:        ::-webkit-scrollbar {
fast/events/touch/gesture/gesture-scroll.html:13:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-div.html:14:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-iframe.html:15:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-page.html:8:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-shy-target.html:8:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-sideways.html:19:::-webkit-scrollbar {
fast/events/touch/gesture/touch-gesture-scroll-sideways.html:24:::-webkit-scrollbar-track {
fast/forms/box-shadow-override.html:5:        , input::-webkit-search-cancel-button
fast/forms/box-shadow-override.html:6:        , input::-webkit-search-results-button
fast/forms/box-shadow-override.html:7:        , input::-webkit-search-decoration
fast/forms/box-shadow-override.html:8:        , input::-webkit-search-results-decoration
fast/forms/box-shadow-override.html:9:        , input::-webkit-slider-thumb
fast/forms/box-shadow-override.html:10:        , input::-webkit-file-upload-button
fast/forms/file/file-style-inheritance.html:7:#large::-webkit-file-upload-button {
fast/forms/input-placeholder-paint-order-2-expected.html:10:input::-webkit-input-placeholder {
fast/forms/input-placeholder-paint-order-2.html:10:input::-webkit-input-placeholder {
fast/forms/input-placeholder-paint-order.html:15:input::-webkit-input-placeholder {
fast/forms/input-placeholder-text-indent.html:3:input.a::-webkit-input-placeholder { text-indent: 0px; }
fast/forms/input-placeholder-text-indent.html:4:input.b::-webkit-input-placeholder { text-indent: 10px; }
fast/forms/input-placeholder-text-indent.html:5:input.c::-webkit-input-placeholder { text-indent: 200px; }
fast/forms/input-placeholder-text-indent.html:6:input.d::-webkit-input-placeholder { text-indent: -10px; }
fast/forms/input-placeholder-text-indent.html:7:input.e::-webkit-input-placeholder { text-indent: 50%; }
fast/forms/input-user-modify.html:5:input::-webkit-textfield-decoration-container,
fast/forms/input-user-modify.html:6:input[type="search"]::-webkit-textfield-decoration-container,
fast/forms/input-user-modify.html:7:input[type="search"]::-webkit-search-cancel-button,
fast/forms/input-user-modify.html:8:input[type="search"]::-webkit-search-decoration,
fast/forms/input-user-modify.html:9:input[type="search"]::-webkit-search-results-decoration,
fast/forms/input-user-modify.html:10:input[type="search"]::-webkit-search-results-button,
fast/forms/input-user-modify.html:11:::-webkit-input-speech-button,
fast/forms/input-user-modify.html:12:::-webkit-input-placeholder,
fast/forms/input-user-modify.html:13:input::-webkit-input-placeholder,
fast/forms/input-user-modify.html:14:isindex::-webkit-input-placeholder,
fast/forms/input-user-modify.html:16:input[type="file"]::-webkit-file-upload-button,
fast/forms/input-user-modify.html:18:input[type="range"]::-webkit-slider-container,
fast/forms/input-user-modify.html:19:input[type="range"]::-webkit-media-slider-container,
fast/forms/input-user-modify.html:20:input[type="range"]::-webkit-slider-runnable-track,
fast/forms/input-user-modify.html:21:input[type="range"]::-webkit-slider-thumb,
fast/forms/input-user-modify.html:22:input[type="range"]::-webkit-color-swatch-wrapper,
fast/forms/input-user-modify.html:23:input[type="range"]::-webkit-color-swatch,
fast/forms/input-user-modify.html:24:input::-webkit-calendar-picker-indicator {
fast/forms/isindex-placeholder.html:2:    #green-placeholder::-webkit-input-placeholder { color: green; }
fast/forms/number/number-size.html:7:input.with-border::-webkit-inner-spin-button {
fast/forms/number/number-size.html:10:input.with-padding::-webkit-inner-spin-button {
fast/forms/number/number-size.html:13:input.with-margin::-webkit-inner-spin-button {
fast/forms/number/number-size.html:17:input#number-without-spinbutton::-webkit-inner-spin-button {
fast/forms/number/number-spinbutton-crash.html:5:input::-webkit-inner-spin-button { display: none; }
fast/forms/placeholder-crash-with-scrollbar-corner.html:2:::-webkit-scrollbar-corner {
fast/forms/placeholder-position.html:2:.center::-webkit-input-placeholder {
fast/forms/placeholder-pseudo-style.html:2:input.red::-webkit-input-placeholder {
fast/forms/range/range-thumb-height-percentage.html:3:    input::-webkit-slider-thumb { -webkit-appearance: none; background: green; width: 10px; height: 50%; }
fast/forms/range/slider-thumb-stylability.html:4:        input::-webkit-slider-thumb {
fast/forms/search/intrinsic-search-width-with-decoration-border-padding.html:3:#search1::-webkit-search-cancel-button {
fast/forms/search/intrinsic-search-width-with-decoration-border-padding.html:7:#search1::-webkit-search-decoration {
fast/forms/search-display-none-cancel-button.html:4:            input[type="search"]::-webkit-search-cancel-button {
fast/forms/textarea/textarea-placeholder-paint-order-2-expected.html:10:textarea::-webkit-input-placeholder {
fast/forms/textarea/textarea-placeholder-paint-order-2.html:10:textarea::-webkit-input-placeholder {
fast/forms/textarea/textarea-placeholder-paint-order.html:15:textarea::-webkit-input-placeholder {
fast/forms/textarea-metrics.html:71:        scrollbarStyle.innerText = 'textarea::-webkit-scrollbar{ width:17px }';
fast/forms/textarea-placeholder-pseudo-style.html:2:textarea.red::-webkit-input-placeholder {
fast/forms/validation-message-user-modify.html:5:::-webkit-validation-bubble,
fast/forms/validation-message-user-modify.html:6:::-webkit-validation-bubble-message,
fast/forms/validation-message-user-modify.html:7:::-webkit-validation-bubble-text-block,
fast/forms/validation-message-user-modify.html:8:::-webkit-validation-bubble-heading,
fast/forms/validation-message-user-modify.html:9:::-webkit-validation-bubble-arrow,
fast/forms/validation-message-user-modify.html:10:::-webkit-validation-bubble-arrow-clipper
fast/frames/iframe-double-scale-contents.html:4:        ::-webkit-scrollbar {
fast/frames/transparent-scrollbar.html:4:::-webkit-scrollbar {
fast/frames/transparent-scrollbar.html:9:::-webkit-scrollbar-thumb {
fast/html/clone-keygen.html:6:*::-webkit-keygen-select {
fast/html/details-marker-style.html:4:summary.withpadding::-webkit-details-marker {
fast/html/details-marker-style.html:11:summary.nopadding::-webkit-details-marker {
fast/html/meter-user-modify.html:5:meter::-webkit-meter-bar {
fast/html/progress-user-modify.html:5:progress::-webkit-progress-bar, progress::-webkit-progress-value {
fast/inline/inline-body-with-scrollbar-crash.html:5:  ::-webkit-scrollbar { width: 5px; height: 5px; }
fast/multicol/client-rects.html:28:    input[type="range"]::-webkit-slider-thumb {
fast/repaint/fixed-in-page-scale.html:4:        ::-webkit-scrollbar {
fast/repaint/fixed-right-bottom-in-page-scale.html:4:        ::-webkit-scrollbar {
fast/repaint/fixed-right-in-page-scale.html:4:        ::-webkit-scrollbar {
fast/repaint/slider-thumb-float.html:13:input::-webkit-slider-thumb {
fast/scrolling/scrollbar-tickmarks-styled.html:8:::-webkit-scrollbar {
fast/scrolling/scrollbar-tickmarks-styled.html:12:::-webkit-scrollbar-track {
fast/scrolling/scrollbar-tickmarks-styled.html:15:::-webkit-scrollbar-thumb {
fast/speech/intrinsic-input-width-with-speech-border-padding.html:3:input::-webkit-input-speech-button {
inspector/styles/region-style-crash-expected.txt:61:======== Pseudo ::-webkit-scrollbar element ========
inspector/styles/region-style-crash-expected.txt:66:======== Pseudo ::-webkit-file-upload-button element ========
inspector/styles/region-style-crash-expected.txt:71:======== Pseudo ::-webkit-input-placeholder element ========
inspector/styles/region-style-crash-expected.txt:76:======== Pseudo ::-webkit-slider-thumb element ========
inspector/styles/region-style-crash-expected.txt:81:======== Pseudo ::-webkit-search-cancel-button element ========
inspector/styles/region-style-crash-expected.txt:86:======== Pseudo ::-webkit-search-decoration element ========
inspector/styles/region-style-crash-expected.txt:91:======== Pseudo ::-webkit-search-results-decoration element ========
inspector/styles/region-style-crash-expected.txt:96:======== Pseudo ::-webkit-search-results-button element ========
media/controls-css-overload.html:8:            .nocontrols::-webkit-media-controls-panel{
media/controls-css-overload.html:11:            .notimeline::-webkit-media-controls-timeline-container{
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:5:::-webkit-scrollbar {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:9:::-webkit-scrollbar-button:vertical:start {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:13:::-webkit-scrollbar-button:vertical:end {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:17:::-webkit-scrollbar-track-piece:start {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:20:::-webkit-scrollbar-track-piece:end {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:23:::-webkit-scrollbar-button:start:decrement,
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:24:::-webkit-scrollbar-button:end:increment {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:27:::-webkit-scrollbar-thumb {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:31:::-webkit-scrollbar-button:horizontal:start {
platform/chromium/compositing/scrollbars/custom-composited-different-track-parts.html:35:::-webkit-scrollbar-button:horizontal:end {
platform/chromium/rubberbanding/custom-scrollbars-ne.html:8:        ::-webkit-scrollbar {
platform/chromium/rubberbanding/custom-scrollbars-ne.html:12:        ::-webkit-scrollbar-track-piece,
platform/chromium/rubberbanding/custom-scrollbars-ne.html:13:        ::-webkit-scrollbar-corner {
platform/chromium/rubberbanding/custom-scrollbars-nw.html:8:        ::-webkit-scrollbar {
platform/chromium/rubberbanding/custom-scrollbars-nw.html:12:        ::-webkit-scrollbar-track-piece,
platform/chromium/rubberbanding/custom-scrollbars-nw.html:13:        ::-webkit-scrollbar-corner {
platform/chromium/rubberbanding/custom-scrollbars-se.html:8:        ::-webkit-scrollbar {
platform/chromium/rubberbanding/custom-scrollbars-se.html:12:        ::-webkit-scrollbar-track-piece,
platform/chromium/rubberbanding/custom-scrollbars-se.html:13:        ::-webkit-scrollbar-corner {
platform/chromium/rubberbanding/custom-scrollbars-sw.html:8:        ::-webkit-scrollbar {
platform/chromium/rubberbanding/custom-scrollbars-sw.html:12:        ::-webkit-scrollbar-track-piece,
platform/chromium/rubberbanding/custom-scrollbars-sw.html:13:        ::-webkit-scrollbar-corner {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:3:div#styled::-webkit-scrollbar {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:8:div#styled::-webkit-scrollbar-button {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:14:div#styled::-webkit-scrollbar-button:vertical {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:19:div#styled::-webkit-scrollbar-button:horizontal {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:24:div#styled::-webkit-scrollbar-thumb {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:31:div#styled::-webkit-scrollbar-thumb:horizontal {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:35:div#styled::-webkit-scrollbar-button:disabled {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:39:div#styled::-webkit-scrollbar-track {
platform/gtk/scrollbars/overflow-scrollbar-horizontal-wheel-scroll.html:43:div#styled::-webkit-scrollbar-track:horizontal {
scrollbars/basic-scrollbar.html:3:div::-webkit-scrollbar {
scrollbars/basic-scrollbar.html:9:div::-webkit-scrollbar-button {
scrollbars/basic-scrollbar.html:17:div::-webkit-scrollbar-thumb {
scrollbars/custom-scrollbar-with-incomplete-style.html:6:::-webkit-scrollbar {
scrollbars/disabled-scrollbar.html:3:div::-webkit-scrollbar {
scrollbars/disabled-scrollbar.html:8:div::-webkit-scrollbar-button {
scrollbars/disabled-scrollbar.html:16:div::-webkit-scrollbar-thumb {
scrollbars/disabled-scrollbar.html:23:div::-webkit-scrollbar-button:disabled {
scrollbars/disabled-scrollbar.html:27:div::-webkit-scrollbar-track {
scrollbars/disabled-scrollbar.html:31:div::-webkit-scrollbar-track:disabled {
scrollbars/hidden-iframe-scrollbar-crash.html:2:::-webkit-scrollbar {
scrollbars/hidden-iframe-scrollbar-crash2.html:2:::-webkit-scrollbar {
scrollbars/hidden-iframe-scrollbar-crash2.html:5:::-webkit-scrollbar-thumb:vertical {
scrollbars/hidden-scrollbar-prevents-layout.html:3:        #overflow::-webkit-scrollbar {
scrollbars/listbox-scrollbar-combinations.html:28:::-webkit-scrollbar {
scrollbars/listbox-scrollbar-combinations.html:33:::-webkit-scrollbar-corner {
scrollbars/listbox-scrollbar-combinations.html:38:::-webkit-scrollbar-corner:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:42:::-webkit-resizer {
scrollbars/listbox-scrollbar-combinations.html:48:::-webkit-resizer:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:52:::-webkit-scrollbar-track-piece:disabled {
scrollbars/listbox-scrollbar-combinations.html:56:::-webkit-scrollbar-button:disabled {
scrollbars/listbox-scrollbar-combinations.html:60:::-webkit-scrollbar-track:disabled {
scrollbars/listbox-scrollbar-combinations.html:66:::-webkit-scrollbar:horizontal {
scrollbars/listbox-scrollbar-combinations.html:74:::-webkit-scrollbar:horizontal:corner-present {
scrollbars/listbox-scrollbar-combinations.html:78:::-webkit-scrollbar-track:horizontal:disabled:corner-present {
scrollbars/listbox-scrollbar-combinations.html:82:::-webkit-scrollbar:horizontal:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:87:::-webkit-scrollbar-thumb:horizontal {
scrollbars/listbox-scrollbar-combinations.html:94:::-webkit-scrollbar-thumb:horizontal:hover {
scrollbars/listbox-scrollbar-combinations.html:98:::-webkit-scrollbar-thumb:horizontal:active {
scrollbars/listbox-scrollbar-combinations.html:102:::-webkit-scrollbar-thumb:horizontal:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:106:::-webkit-scrollbar-track-piece:horizontal:start:no-button,
scrollbars/listbox-scrollbar-combinations.html:107:.double-end::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/listbox-scrollbar-combinations.html:108:.none::-webkit-scrollbar-track-piece:horizontal:start {
scrollbars/listbox-scrollbar-combinations.html:112:::-webkit-scrollbar-track-piece:horizontal:end:no-button,
scrollbars/listbox-scrollbar-combinations.html:113:.double-start::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/listbox-scrollbar-combinations.html:114:.none::-webkit-scrollbar-track-piece:horizontal:end {
scrollbars/listbox-scrollbar-combinations.html:118:::-webkit-scrollbar-track-piece:horizontal:end:no-button:corner-present,
scrollbars/listbox-scrollbar-combinations.html:119:.double-start::-webkit-scrollbar-track-piece:horizontal:end:corner-present,
scrollbars/listbox-scrollbar-combinations.html:120:.none::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
scrollbars/listbox-scrollbar-combinations.html:124::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:single-button,
scrollbars/listbox-scrollbar-combinations.html:125::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:double-button,
scrollbars/listbox-scrollbar-combinations.html:126:.single::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/listbox-scrollbar-combinations.html:127:.double-start::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/listbox-scrollbar-combinations.html:128:.double-both::-webkit-scrollbar-track-piece:horizontal:start {
scrollbars/listbox-scrollbar-combinations.html:132::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:single-button,
scrollbars/listbox-scrollbar-combinations.html:133::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:double-button,
scrollbars/listbox-scrollbar-combinations.html:134:.single::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/listbox-scrollbar-combinations.html:135:.double-end::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/listbox-scrollbar-combinations.html:136:.double-both::-webkit-scrollbar-track-piece:horizontal:end {
scrollbars/listbox-scrollbar-combinations.html:140:::-webkit-scrollbar-track:horizontal:disabled {
scrollbars/listbox-scrollbar-combinations.html:146:::-webkit-scrollbar-track-piece:horizontal:decrement {
scrollbars/listbox-scrollbar-combinations.html:152:::-webkit-scrollbar-track-piece:horizontal:decrement:hover {
scrollbars/listbox-scrollbar-combinations.html:156:::-webkit-scrollbar-track-piece:horizontal:decrement:active {
scrollbars/listbox-scrollbar-combinations.html:160:::-webkit-scrollbar-track-piece:horizontal:increment {
scrollbars/listbox-scrollbar-combinations.html:166:::-webkit-scrollbar-track-piece:horizontal:increment:hover {
scrollbars/listbox-scrollbar-combinations.html:170:::-webkit-scrollbar-track-piece:horizontal:increment:active {
scrollbars/listbox-scrollbar-combinations.html:174:::-webkit-scrollbar-button:horizontal {
scrollbars/listbox-scrollbar-combinations.html:181:::-webkit-scrollbar-button:horizontal:decrement {
scrollbars/listbox-scrollbar-combinations.html:187:::-webkit-scrollbar-button:horizontal:decrement:hover {
scrollbars/listbox-scrollbar-combinations.html:192:::-webkit-scrollbar-button:horizontal:decrement:active {
scrollbars/listbox-scrollbar-combinations.html:197:::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:202:::-webkit-scrollbar-button:horizontal:increment {
scrollbars/listbox-scrollbar-combinations.html:208:::-webkit-scrollbar-button:horizontal:increment:hover {
scrollbars/listbox-scrollbar-combinations.html:213:::-webkit-scrollbar-button:horizontal:increment:active {
scrollbars/listbox-scrollbar-combinations.html:218:::-webkit-scrollbar-button:horizontal:increment:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:223::not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement,
scrollbars/listbox-scrollbar-combinations.html:224:.double-start::-webkit-scrollbar-button:horizontal:start:decrement,
scrollbars/listbox-scrollbar-combinations.html:225:.double-both::-webkit-scrollbar-button:horizontal:start:decrement {
scrollbars/listbox-scrollbar-combinations.html:231::not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:increment,
scrollbars/listbox-scrollbar-combinations.html:232:.double-start::-webkit-scrollbar-button:horizontal:start:increment,
scrollbars/listbox-scrollbar-combinations.html:233:.double-both::-webkit-scrollbar-button:horizontal:start:increment {
scrollbars/listbox-scrollbar-combinations.html:237::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:decrement,
scrollbars/listbox-scrollbar-combinations.html:238:.double-end::-webkit-scrollbar-button:horizontal:end:decrement,
scrollbars/listbox-scrollbar-combinations.html:239:.double-both::-webkit-scrollbar-button:horizontal:end:decrement {
scrollbars/listbox-scrollbar-combinations.html:243::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment,
scrollbars/listbox-scrollbar-combinations.html:244:.double-end::-webkit-scrollbar-button:horizontal:end:increment,
scrollbars/listbox-scrollbar-combinations.html:245:.double-both::-webkit-scrollbar-button:horizontal:end:increment {
scrollbars/listbox-scrollbar-combinations.html:251:::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
scrollbars/listbox-scrollbar-combinations.html:256::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment:corner-present,
scrollbars/listbox-scrollbar-combinations.html:257:.double-end::-webkit-scrollbar-button:horizontal:end:increment:corner-present,
scrollbars/listbox-scrollbar-combinations.html:258:.double-both::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
scrollbars/listbox-scrollbar-combinations.html:264:::-webkit-scrollbar:vertical {
scrollbars/listbox-scrollbar-combinations.html:272:::-webkit-scrollbar:vertical:corner-present {
scrollbars/listbox-scrollbar-combinations.html:276:::-webkit-scrollbar-track:vertical:disabled:corner-present {
scrollbars/listbox-scrollbar-combinations.html:280:::-webkit-scrollbar:vertical:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:285:::-webkit-scrollbar-thumb:vertical {
scrollbars/listbox-scrollbar-combinations.html:292:::-webkit-scrollbar-thumb:vertical:hover {
scrollbars/listbox-scrollbar-combinations.html:296:::-webkit-scrollbar-thumb:vertical:active {
scrollbars/listbox-scrollbar-combinations.html:300:::-webkit-scrollbar-thumb:vertical:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:304:::-webkit-scrollbar-track-piece:vertical:start:no-button,
scrollbars/listbox-scrollbar-combinations.html:305:.double-end::-webkit-scrollbar-track-piece:vertical:start,
scrollbars/listbox-scrollbar-combinations.html:306:.none::-webkit-scrollbar-track-piece:vertical:start {
scrollbars/listbox-scrollbar-combinations.html:310:::-webkit-scrollbar-track-piece:vertical:end:no-button,
scrollbars/listbox-scrollbar-combinations.html:311:.double-start::-webkit-scrollbar-track-piece:vertical:end,
scrollbars/listbox-scrollbar-combinations.html:312:.none::-webkit-scrollbar-track-piece:vertical:end {
scrollbars/listbox-scrollbar-combinations.html:316:::-webkit-scrollbar-track-piece:vertical:end:no-button:corner-present,
scrollbars/listbox-scrollbar-combinations.html:317:.double-start::-webkit-scrollbar-track-piece:vertical:end:corner-present,
scrollbars/listbox-scrollbar-combinations.html:318:.none::-webkit-scrollbar-track-piece:vertical:end:corner-present {
scrollbars/listbox-scrollbar-combinations.html:322::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:single-button,
scrollbars/listbox-scrollbar-combinations.html:323::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:double-button,
scrollbars/listbox-scrollbar-combinations.html:324:.single::-webkit-scrollbar-track-piece:vertical:start,
scrollbars/listbox-scrollbar-combinations.html:325:.double-start::-webkit-scrollbar-track-piece:vertical:start,
scrollbars/listbox-scrollbar-combinations.html:326:.double-both::-webkit-scrollbar-track-piece:vertical:start {
scrollbars/listbox-scrollbar-combinations.html:330::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:single-button,
scrollbars/listbox-scrollbar-combinations.html:331::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:double-button,
scrollbars/listbox-scrollbar-combinations.html:332:.single::-webkit-scrollbar-track-piece:vertical:end,
scrollbars/listbox-scrollbar-combinations.html:333:.double-end::-webkit-scrollbar-track-piece:vertical:end,
scrollbars/listbox-scrollbar-combinations.html:334:.double-both::-webkit-scrollbar-track-piece:vertical:end {
scrollbars/listbox-scrollbar-combinations.html:338:::-webkit-scrollbar-track:vertical:disabled {
scrollbars/listbox-scrollbar-combinations.html:344:::-webkit-scrollbar-track-piece:vertical:decrement {
scrollbars/listbox-scrollbar-combinations.html:350:::-webkit-scrollbar-track-piece:vertical:decrement:hover {
scrollbars/listbox-scrollbar-combinations.html:354:::-webkit-scrollbar-track-piece:vertical:decrement:active {
scrollbars/listbox-scrollbar-combinations.html:358:::-webkit-scrollbar-track-piece:vertical:increment {
scrollbars/listbox-scrollbar-combinations.html:364:::-webkit-scrollbar-track-piece:vertical:increment:hover {
scrollbars/listbox-scrollbar-combinations.html:368:::-webkit-scrollbar-track-piece:vertical:increment:active {
scrollbars/listbox-scrollbar-combinations.html:372:::-webkit-scrollbar-button:vertical {
scrollbars/listbox-scrollbar-combinations.html:379:::-webkit-scrollbar-button:vertical:decrement {
scrollbars/listbox-scrollbar-combinations.html:385:::-webkit-scrollbar-button:vertical:decrement:hover {
scrollbars/listbox-scrollbar-combinations.html:390:::-webkit-scrollbar-button:vertical:decrement:active {
scrollbars/listbox-scrollbar-combinations.html:395:::-webkit-scrollbar-button:vertical:decrement:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:400:::-webkit-scrollbar-button:vertical:increment {
scrollbars/listbox-scrollbar-combinations.html:406:::-webkit-scrollbar-button:vertical:increment:hover {
scrollbars/listbox-scrollbar-combinations.html:411:::-webkit-scrollbar-button:vertical:increment:active {
scrollbars/listbox-scrollbar-combinations.html:416:::-webkit-scrollbar-button:vertical:increment:window-inactive {
scrollbars/listbox-scrollbar-combinations.html:421::not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement,
scrollbars/listbox-scrollbar-combinations.html:422:.double-start::-webkit-scrollbar-button:vertical:start:decrement,
scrollbars/listbox-scrollbar-combinations.html:423:.double-both::-webkit-scrollbar-button:vertical:start:decrement {
scrollbars/listbox-scrollbar-combinations.html:429::not(.single)::-webkit-scrollbar-button:double-button:vertical:start:increment,
scrollbars/listbox-scrollbar-combinations.html:430:.double-start::-webkit-scrollbar-button:vertical:start:increment,
scrollbars/listbox-scrollbar-combinations.html:431:.double-both::-webkit-scrollbar-button:vertical:start:increment {
scrollbars/listbox-scrollbar-combinations.html:435::not(.single)::-webkit-scrollbar-button:double-button:vertical:end:decrement,
scrollbars/listbox-scrollbar-combinations.html:436:.double-end::-webkit-scrollbar-button:vertical:end:decrement,
scrollbars/listbox-scrollbar-combinations.html:437:.double-both::-webkit-scrollbar-button:vertical:end:decrement {
scrollbars/listbox-scrollbar-combinations.html:441::not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment,
scrollbars/listbox-scrollbar-combinations.html:442:.double-end::-webkit-scrollbar-button:vertical:end:increment,
scrollbars/listbox-scrollbar-combinations.html:443:.double-both::-webkit-scrollbar-button:vertical:end:increment {
scrollbars/listbox-scrollbar-combinations.html:449:::-webkit-scrollbar-button:vertical:end:increment:corner-present {
scrollbars/listbox-scrollbar-combinations.html:454::not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment:corner-present,
scrollbars/listbox-scrollbar-combinations.html:455:.double-end::-webkit-scrollbar-button:vertical:end:increment:corner-present,
scrollbars/listbox-scrollbar-combinations.html:456:.double-both::-webkit-scrollbar-button:vertical:end:increment:corner-present {
scrollbars/listbox-scrollbar-combinations.html:462:.single::-webkit-scrollbar-button:start:decrement,
scrollbars/listbox-scrollbar-combinations.html:463:.single::-webkit-scrollbar-button:end:increment {
scrollbars/listbox-scrollbar-combinations.html:467:.single::-webkit-scrollbar-button:start:increment,
scrollbars/listbox-scrollbar-combinations.html:468:.single::-webkit-scrollbar-button:end:decrement {
scrollbars/listbox-scrollbar-combinations.html:472:.double-end::-webkit-scrollbar-button:start {
scrollbars/listbox-scrollbar-combinations.html:476:.double-end::-webkit-scrollbar-button:end {
scrollbars/listbox-scrollbar-combinations.html:480:.double-start::-webkit-scrollbar-button:start {
scrollbars/listbox-scrollbar-combinations.html:484:.double-start::-webkit-scrollbar-button:end {
scrollbars/listbox-scrollbar-combinations.html:488:.double-both::-webkit-scrollbar-button {
scrollbars/listbox-scrollbar-combinations.html:492:.none::-webkit-scrollbar-button {
scrollbars/overflow-custom-scrollbar-crash.html:7:::-webkit-scrollbar {
scrollbars/overflow-custom-scrollbar-crash.html:14:::-webkit-scrollbar:horizontal {
scrollbars/overflow-custom-scrollbar-crash.html:22:::-webkit-scrollbar-thumb:horizontal {
scrollbars/overflow-custom-scrollbar-crash.html:29:::-webkit-scrollbar-track-piece:horizontal:decrement {
scrollbars/overflow-custom-scrollbar-crash.html:35:::-webkit-scrollbar-track-piece:horizontal:increment {
scrollbars/overflow-custom-scrollbar-crash.html:41:::-webkit-scrollbar-button:horizontal {
scrollbars/overflow-custom-scrollbar-crash.html:48:::-webkit-scrollbar-button:horizontal:decrement {
scrollbars/overflow-custom-scrollbar-crash.html:54:::-webkit-scrollbar-button:horizontal:increment {
scrollbars/overflow-scrollbar-combinations.html:28:::-webkit-scrollbar {
scrollbars/overflow-scrollbar-combinations.html:33:::-webkit-scrollbar-corner {
scrollbars/overflow-scrollbar-combinations.html:38:::-webkit-scrollbar-corner:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:42:::-webkit-resizer {
scrollbars/overflow-scrollbar-combinations.html:48:::-webkit-resizer:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:52:::-webkit-scrollbar-track-piece:disabled {
scrollbars/overflow-scrollbar-combinations.html:56:::-webkit-scrollbar-button:disabled {
scrollbars/overflow-scrollbar-combinations.html:60:::-webkit-scrollbar-track:disabled {
scrollbars/overflow-scrollbar-combinations.html:66:::-webkit-scrollbar:horizontal {
scrollbars/overflow-scrollbar-combinations.html:74:::-webkit-scrollbar:horizontal:corner-present {
scrollbars/overflow-scrollbar-combinations.html:78:::-webkit-scrollbar-track:horizontal:disabled:corner-present {
scrollbars/overflow-scrollbar-combinations.html:82:::-webkit-scrollbar:horizontal:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:87:::-webkit-scrollbar-thumb:horizontal {
scrollbars/overflow-scrollbar-combinations.html:94:::-webkit-scrollbar-thumb:horizontal:hover {
scrollbars/overflow-scrollbar-combinations.html:98:::-webkit-scrollbar-thumb:horizontal:active {
scrollbars/overflow-scrollbar-combinations.html:102:::-webkit-scrollbar-thumb:horizontal:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:106:::-webkit-scrollbar-track-piece:horizontal:start:no-button,
scrollbars/overflow-scrollbar-combinations.html:107:.double-end::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/overflow-scrollbar-combinations.html:108:.none::-webkit-scrollbar-track-piece:horizontal:start {
scrollbars/overflow-scrollbar-combinations.html:112:::-webkit-scrollbar-track-piece:horizontal:end:no-button,
scrollbars/overflow-scrollbar-combinations.html:113:.double-start::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/overflow-scrollbar-combinations.html:114:.none::-webkit-scrollbar-track-piece:horizontal:end {
scrollbars/overflow-scrollbar-combinations.html:118:::-webkit-scrollbar-track-piece:horizontal:end:no-button:corner-present,
scrollbars/overflow-scrollbar-combinations.html:119:.double-start::-webkit-scrollbar-track-piece:horizontal:end:corner-present,
scrollbars/overflow-scrollbar-combinations.html:120:.none::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
scrollbars/overflow-scrollbar-combinations.html:124::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:single-button,
scrollbars/overflow-scrollbar-combinations.html:125::not(.none):not(.double-end)::-webkit-scrollbar-track-piece:horizontal:start:double-button,
scrollbars/overflow-scrollbar-combinations.html:126:.single::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/overflow-scrollbar-combinations.html:127:.double-start::-webkit-scrollbar-track-piece:horizontal:start,
scrollbars/overflow-scrollbar-combinations.html:128:.double-both::-webkit-scrollbar-track-piece:horizontal:start {
scrollbars/overflow-scrollbar-combinations.html:132::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:single-button,
scrollbars/overflow-scrollbar-combinations.html:133::not(.none):not(.double-start)::-webkit-scrollbar-track-piece:horizontal:end:double-button,
scrollbars/overflow-scrollbar-combinations.html:134:.single::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/overflow-scrollbar-combinations.html:135:.double-end::-webkit-scrollbar-track-piece:horizontal:end,
scrollbars/overflow-scrollbar-combinations.html:136:.double-both::-webkit-scrollbar-track-piece:horizontal:end {
scrollbars/overflow-scrollbar-combinations.html:140:::-webkit-scrollbar-track:horizontal:disabled {
scrollbars/overflow-scrollbar-combinations.html:146:::-webkit-scrollbar-track-piece:horizontal:decrement {
scrollbars/overflow-scrollbar-combinations.html:152:::-webkit-scrollbar-track-piece:horizontal:decrement:hover {
scrollbars/overflow-scrollbar-combinations.html:156:::-webkit-scrollbar-track-piece:horizontal:decrement:active {
scrollbars/overflow-scrollbar-combinations.html:160:::-webkit-scrollbar-track-piece:horizontal:increment {
scrollbars/overflow-scrollbar-combinations.html:166:::-webkit-scrollbar-track-piece:horizontal:increment:hover {
scrollbars/overflow-scrollbar-combinations.html:170:::-webkit-scrollbar-track-piece:horizontal:increment:active {
scrollbars/overflow-scrollbar-combinations.html:174:::-webkit-scrollbar-button:horizontal {
scrollbars/overflow-scrollbar-combinations.html:181:::-webkit-scrollbar-button:horizontal:decrement {
scrollbars/overflow-scrollbar-combinations.html:187:::-webkit-scrollbar-button:horizontal:decrement:hover {
scrollbars/overflow-scrollbar-combinations.html:192:::-webkit-scrollbar-button:horizontal:decrement:active {
scrollbars/overflow-scrollbar-combinations.html:197:::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:202:::-webkit-scrollbar-button:horizontal:increment {
scrollbars/overflow-scrollbar-combinations.html:208:::-webkit-scrollbar-button:horizontal:increment:hover {
scrollbars/overflow-scrollbar-combinations.html:213:::-webkit-scrollbar-button:horizontal:increment:active {
scrollbars/overflow-scrollbar-combinations.html:218:::-webkit-scrollbar-button:horizontal:increment:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:223::not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement,
scrollbars/overflow-scrollbar-combinations.html:224:.double-start::-webkit-scrollbar-button:horizontal:start:decrement,
scrollbars/overflow-scrollbar-combinations.html:225:.double-both::-webkit-scrollbar-button:horizontal:start:decrement {
scrollbars/overflow-scrollbar-combinations.html:231::not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:increment,
scrollbars/overflow-scrollbar-combinations.html:232:.double-start::-webkit-scrollbar-button:horizontal:start:increment,
scrollbars/overflow-scrollbar-combinations.html:233:.double-both::-webkit-scrollbar-button:horizontal:start:increment {
scrollbars/overflow-scrollbar-combinations.html:237::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:decrement,
scrollbars/overflow-scrollbar-combinations.html:238:.double-end::-webkit-scrollbar-button:horizontal:end:decrement,
scrollbars/overflow-scrollbar-combinations.html:239:.double-both::-webkit-scrollbar-button:horizontal:end:decrement {
scrollbars/overflow-scrollbar-combinations.html:243::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment,
scrollbars/overflow-scrollbar-combinations.html:244:.double-end::-webkit-scrollbar-button:horizontal:end:increment,
scrollbars/overflow-scrollbar-combinations.html:245:.double-both::-webkit-scrollbar-button:horizontal:end:increment {
scrollbars/overflow-scrollbar-combinations.html:251:::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
scrollbars/overflow-scrollbar-combinations.html:256::not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment:corner-present,
scrollbars/overflow-scrollbar-combinations.html:257:.double-end::-webkit-scrollbar-button:horizontal:end:increment:corner-present,
scrollbars/overflow-scrollbar-combinations.html:258:.double-both::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
scrollbars/overflow-scrollbar-combinations.html:264:::-webkit-scrollbar:vertical {
scrollbars/overflow-scrollbar-combinations.html:272:::-webkit-scrollbar:vertical:corner-present {
scrollbars/overflow-scrollbar-combinations.html:276:::-webkit-scrollbar-track:vertical:disabled:corner-present {
scrollbars/overflow-scrollbar-combinations.html:280:::-webkit-scrollbar:vertical:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:285:::-webkit-scrollbar-thumb:vertical {
scrollbars/overflow-scrollbar-combinations.html:292:::-webkit-scrollbar-thumb:vertical:hover {
scrollbars/overflow-scrollbar-combinations.html:296:::-webkit-scrollbar-thumb:vertical:active {
scrollbars/overflow-scrollbar-combinations.html:300:::-webkit-scrollbar-thumb:vertical:window-inactive {
scrollbars/overflow-scrollbar-combinations.html:304:::-webkit-scrollbar-track-piece:vertical:start:no-button,
scrollbars/overflow-scr

@paulirish
Copy link

Oh shoot you already said you're in the webkit source. wtg paul for duplicating effort!

this is great angelina :D

@samdutton
Copy link

Damn useful – and a great talk today at JSConfEU.

You might want to add stuff. See http://www.samdutton.com/track/shadowDOM.html.

@samdutton
Copy link

That last comment should have said 'You might want to add track element stuff', but I used angle brackets...

@bbbrrriiiaaannn
Copy link

For what it's worth here's those acked selectors cleaned up:

::-webkit-calendar-picker-indicator
::-webkit-color-swatch
::-webkit-color-swatch-wrapper
::-webkit-details-marker
::-webkit-file-upload-button
::-webkit-image-inner-element
::-webkit-inner-spin-button
::-webkit-input-placeholder
::-webkit-input-speech-button
::-webkit-keygen-select
::-webkit-media-controls-panel
::-webkit-media-controls-timeline-container
::-webkit-media-slider-container
::-webkit-meter-bar
::-webkit-meter-even-less-good-value
::-webkit-meter-optimum-value
::-webkit-meter-suboptimal-value
::-webkit-progress-bar
::-webkit-progress-value
::-webkit-resizer
::-webkit-resizer:window-inactive
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-button:disabled
::-webkit-scrollbar-button:double-button:horizontal:end:decrement
::-webkit-scrollbar-button:double-button:horizontal:end:increment
::-webkit-scrollbar-button:double-button:horizontal:end:increment:corner-present
::-webkit-scrollbar-button:double-button:horizontal:start:decrement
::-webkit-scrollbar-button:double-button:horizontal:start:increment
::-webkit-scrollbar-button:double-button:vertical:end:decrement
::-webkit-scrollbar-button:double-button:vertical:end:increment
::-webkit-scrollbar-button:double-button:vertical:end:increment:corner-present
::-webkit-scrollbar-button:double-button:vertical:start:decrement
::-webkit-scrollbar-button:double-button:vertical:start:increment
::-webkit-scrollbar-button:end
::-webkit-scrollbar-button:end:decrement
::-webkit-scrollbar-button:end:increment
::-webkit-scrollbar-button:horizontal
::-webkit-scrollbar-button:horizontal:decrement
::-webkit-scrollbar-button:horizontal:decrement:active
::-webkit-scrollbar-button:horizontal:decrement:hover
::-webkit-scrollbar-button:horizontal:decrement:window-inactive
::-webkit-scrollbar-button:horizontal:end
::-webkit-scrollbar-button:horizontal:end:decrement
::-webkit-scrollbar-button:horizontal:end:increment
::-webkit-scrollbar-button:horizontal:end:increment:corner-present
::-webkit-scrollbar-button:horizontal:increment
::-webkit-scrollbar-button:horizontal:increment:active
::-webkit-scrollbar-button:horizontal:increment:hover
::-webkit-scrollbar-button:horizontal:increment:window-inactive
::-webkit-scrollbar-button:horizontal:start
::-webkit-scrollbar-button:horizontal:start:decrement
::-webkit-scrollbar-button:horizontal:start:increment
::-webkit-scrollbar-button:start
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:start:increment
::-webkit-scrollbar-button:vertical
::-webkit-scrollbar-button:vertical:decrement
::-webkit-scrollbar-button:vertical:decrement:active
::-webkit-scrollbar-button:vertical:decrement:hover
::-webkit-scrollbar-button:vertical:decrement:window-inactive
::-webkit-scrollbar-button:vertical:end
::-webkit-scrollbar-button:vertical:end:decrement
::-webkit-scrollbar-button:vertical:end:increment
::-webkit-scrollbar-button:vertical:end:increment:corner-present
::-webkit-scrollbar-button:vertical:increment
::-webkit-scrollbar-button:vertical:increment:active
::-webkit-scrollbar-button:vertical:increment:hover
::-webkit-scrollbar-button:vertical:increment:window-inactive
::-webkit-scrollbar-button:vertical:start
::-webkit-scrollbar-button:vertical:start:decrement
::-webkit-scrollbar-button:vertical:start:increment
::-webkit-scrollbar-corner
::-webkit-scrollbar-corner:window-inactive
::-webkit-scrollbar-thumb
::-webkit-scrollbar-thumb:horizontal
::-webkit-scrollbar-thumb:horizontal:active
::-webkit-scrollbar-thumb:horizontal:hover
::-webkit-scrollbar-thumb:horizontal:window-inactive
::-webkit-scrollbar-thumb:vertical
::-webkit-scrollbar-thumb:vertical:active
::-webkit-scrollbar-thumb:vertical:hover
::-webkit-scrollbar-thumb:vertical:window-inactive
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-track-piece:disabled
::-webkit-scrollbar-track-piece:end
::-webkit-scrollbar-track-piece:horizontal:decrement
::-webkit-scrollbar-track-piece:horizontal:decrement:active
::-webkit-scrollbar-track-piece:horizontal:decrement:hover
::-webkit-scrollbar-track-piece:horizontal:end
::-webkit-scrollbar-track-piece:horizontal:end:corner-present
::-webkit-scrollbar-track-piece:horizontal:end:double-button
::-webkit-scrollbar-track-piece:horizontal:end:no-button
::-webkit-scrollbar-track-piece:horizontal:end:no-button:corner-present
::-webkit-scrollbar-track-piece:horizontal:end:single-button
::-webkit-scrollbar-track-piece:horizontal:increment
::-webkit-scrollbar-track-piece:horizontal:increment:active
::-webkit-scrollbar-track-piece:horizontal:increment:hover
::-webkit-scrollbar-track-piece:horizontal:start
::-webkit-scrollbar-track-piece:horizontal:start:double-button
::-webkit-scrollbar-track-piece:horizontal:start:no-button
::-webkit-scrollbar-track-piece:horizontal:start:single-button
::-webkit-scrollbar-track-piece:start
::-webkit-scrollbar-track-piece:vertical:decrement
::-webkit-scrollbar-track-piece:vertical:decrement:active
::-webkit-scrollbar-track-piece:vertical:decrement:hover
::-webkit-scrollbar-track-piece:vertical:end
::-webkit-scrollbar-track-piece:vertical:end:corner-present
::-webkit-scrollbar-track-piece:vertical:end:double-button
::-webkit-scrollbar-track-piece:vertical:end:no-button
::-webkit-scrollbar-track-piece:vertical:end:no-button:corner-present
::-webkit-scrollbar-track-piece:vertical:end:single-button
::-webkit-scrollbar-track-piece:vertical:increment
::-webkit-scrollbar-track-piece:vertical:increment:active
::-webkit-scrollbar-track-piece:vertical:increment:hover
::-webkit-scrollbar-track-piece:vertical:start
::-webkit-scrollbar-track-piece:vertical:start:double-button
::-webkit-scrollbar-track-piece:vertical:start:no-button
::-webkit-scrollbar-track-piece:vertical:start:single-button
::-webkit-scrollbar-track:disabled
::-webkit-scrollbar-track:horizontal
::-webkit-scrollbar-track:horizontal:disabled
::-webkit-scrollbar-track:horizontal:disabled:corner-present
::-webkit-scrollbar-track:vertical:disabled
::-webkit-scrollbar-track:vertical:disabled:corner-present
::-webkit-scrollbar:horizontal
::-webkit-scrollbar:horizontal:corner-present
::-webkit-scrollbar:horizontal:window-inactive
::-webkit-scrollbar:vertical
::-webkit-scrollbar:vertical:corner-present
::-webkit-scrollbar:vertical:window-inactive
::-webkit-search-cancel-button
::-webkit-search-decoration
::-webkit-search-results-button
::-webkit-search-results-decoration
::-webkit-slider-container
::-webkit-slider-runnable-track
::-webkit-slider-thumb
::-webkit-slider-thumb:disabled
::-webkit-slider-thumb:hover
::-webkit-textfield-decoration-container
::-webkit-validation-bubble
::-webkit-validation-bubble-arrow
::-webkit-validation-bubble-arrow-clipper
::-webkit-validation-bubble-heading
::-webkit-validation-bubble-message
::-webkit-validation-bubble-text-block

This is a helpful gist! I'll probably be seeing it often.

@tvpmb
Copy link

tvpmb commented Feb 28, 2013

Is there a comprehensive reference for all pseudo selectors on the different render engines (webkit, gecko/mozila, ie)? This Gist is actually a big deal.... too me a while to find this information actually.

I was trying to see why webkit didn't respect cursor:auto on the controls of a video element... now I can target it with pseudo selectors and force it. Awesome!

@LukeChannings
Copy link

Android's Chrome shows a play button on a

Is there a pseudo-selector for this element?

Viewing this page on an Android device will reproduce this play button - http://pastie.org/6389445

@tjvantoll
Copy link

fyi I documented all the form related pseudo-elements on my blog: http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/. Someone else should tackle the audio / video ones :)

@TruthReveller
Copy link

The overlay play button which is not listed in the above lists is:

video::-webkit-media-controls-overlay-play-button

This is a very important style.

@p3t3r67x0
Copy link

Hej great source, fyi I just tried to list for myself a detailed table of cross-browser pseudo-elements. https://gist.github.com/webtobesocial/aefd6e25064c08e0cc9a

Copy link

ghost commented Apr 21, 2015

Here are some more:

audio::-internal-media-controls-cast-button
audio::-webkit-media-controls-enclosure

video::-internal-media-controls-cast-button
video::-webkit-media-controls-enclosure

@corysimmons
Copy link

Anyone know why Chrome (not sure about other browsers) went from ::placeholder visibility: hidden to display: none !important? Not cool.

@Daemeron
Copy link

Daemeron commented May 31, 2016

There is new pseudo element on ios browsers:

::-webkit-media-controls-start-playback-button

@JoysonAnto
Copy link

::-webkit-scrollbar is not working for select box please help

@jocoweb
Copy link

jocoweb commented Jul 21, 2016

Hello everyone,

I uploaded this video html5 on my website .. But I wish that you could see the black bar.
see attachhttp://factory.dtekweb.com/playourday.it/web/video.jpg

by by

@marinaglancy
Copy link

Please add
video::-webkit-media-controls-panel-container
I spent several hours looking for how to hide the gray line when video is paused and in the end I just guessed it :)

@aqzhyi
Copy link

aqzhyi commented Dec 30, 2016

for iOS 10 safari

If you just use video::-webkit-media-controls-panel

You will have a empty gray line on the bottom of video.

use video::-webkit-media-controls-panel-container { display: none } to get rid of it completely.

@qpSHiNqp
Copy link

qpSHiNqp commented Jul 7, 2017

For iOS 10 UIWebView, any of these selectors above could be used to dismiss the big center "Play" button (with display: none style).
For iOS 9 UIWebView and for even iOS 10 standalone Safari (not in-app), on the other hand, I confirmed that video::-webkit-media-controls selector can be used to set display: none style.
Anyone have some idea how I'm going wrong?

Copy link

ghost commented Jul 5, 2018

There is setting in chrome developer tools: "Show user agent shadow DOM". Put it on and then you can see all hidden pseudo elements.

@FPChris
Copy link

FPChris commented Sep 6, 2018

-webkit-media-controls-play-button seems to be gone now in Chrome and only that GIANT overlay play button. Not cool. This breaks many projects of ours.

@gostrafx
Copy link

gostrafx commented Aug 25, 2019

Here are some more:

-webkit-user-modify: read-only !important;
-webkit-text-security: disc !important;

-webkit-appearance: media-mute-button;
-webkit-appearance: media-overlay-play-button;
-webkit-appearance: media-play-button;
-webkit-appearance: media-controls-background;
-webkit-appearance: media-current-time-display;
-webkit-appearance: media-slider;
-webkit-appearance: media-volume-slider;
-webkit-appearance: media-enter-fullscreen-button;
-webkit-appearance: media-toggle-closed-captions-button;

-webkit-appearance: textarea;
-webkit-appearance: button;
-webkit-appearance: push-button;
-webkit-appearance: menulist;
-webkit-appearance: listbox;
-webkit-appearance: slider-horizontal;
-webkit-appearance: sliderthumb-horizontal;
-webkit-appearance: checkbox;
-webkit-appearance: radio;
-webkit-appearance: square-button;
-webkit-appearance: meter;
-webkit-appearance: progress-bar;
-webkit-appearance: textfield;
-webkit-appearance: searchfield;
-webkit-appearance: searchfield-cancel-button;
-webkit-appearance: searchfield-decoration;
-webkit-appearance: searchfield-results-decoration;
-webkit-appearance: inner-spin-button;
 
video:-webkit-full-page-media
video:-webkit-full-page-media::-webkit-media-controls-panel
video::-webkit-media-controls-overlay-enclosure
video::-webkit-media-controls-fullscreen-volume-slider
video::-webkit-media-controls-fullscreen-volume-min-button
video::-webkit-media-controls-fullscreen-volume-max-button
video::-webkit-media-text-track-container
video::-webkit-media-text-track-region
video::-webkit-media-text-track-region-container
video::-webkit-media-text-track-display
video:-webkit-full-screen

audio:-webkit-full-page-media
audio:-webkit-full-page-media::-webkit-media-controls-panel
audio::-webkit-media-controls-overlay-enclosure
audio::-webkit-media-controls-fullscreen-volume-slider
audio::-webkit-media-controls-fullscreen-volume-min-button
audio::-webkit-media-controls-fullscreen-volume-max-button
audio:-webkit-full-screen

input:-webkit-autofill
:-webkit-full-screen-ancestor
:root:-webkit-full-screen-document
img:-webkit-full-screen
iframe:-webkit-full-screen

textarea:-webkit-autofill 

progress::-webkit-progress-inner-element
progress::-webkit-progress-bar 
progress::-webkit-progress-value

select:-internal-list-box
select:-webkit-autofill
option:-internal-spatial-navigation-focus

::-webkit-input-placeholder

input::-webkit-outer-spin-button
input::-webkit-inner-spin-button
input::-webkit-input-placeholder
input::-webkit-calendar-picker-indicator
input::-webkit-datetime-edit
input::-webkit-datetime-edit-fields-wrapper 
input::-webkit-clear-button


input[type="date"]:disabled::-webkit-clear-button,
input[type="date"]:disabled::-webkit-inner-spin-button,
input[type="color"]::-webkit-color-swatch
input[type="color"]::-webkit-color-swatch-wrapper

input[type="file"]::-webkit-file-upload-button

input[type="range"]::-webkit-slider-container
input[type="range"]::-webkit-slider-runnable-track
input[type="range"]::-webkit-slider-thumb
input[type="range"]::-webkit-media-slider-thumb
input[type="range"]::-webkit-media-slider-container

input[type="search"]::-webkit-search-cancel-button
input[type="search"]::-webkit-search-results-decoration
input[type="search"]::-webkit-search-results-button

@NishthaJain04
Copy link

NishthaJain04 commented Apr 1, 2021

There is new pseudo element on ios browsers:

::-webkit-media-controls-start-playback-button

is this the grey button that appears as overlay play button only in the beginning of the video? and is it still relevant?

@khenriksson
Copy link

Has anybody found a way to remove the Airplay button?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment