<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION: Applying ::before to a pseudo-element no longer works"
href="https://bugs.webkit.org/show_bug.cgi?id=166946#c3">Comment # 3</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - REGRESSION: Applying ::before to a pseudo-element no longer works"
href="https://bugs.webkit.org/show_bug.cgi?id=166946">bug 166946</a>
from <span class="vcard"><a class="email" href="mailto:dcrousso+webkit@gmail.com" title="Devin Rousso <dcrousso+webkit@gmail.com>"> <span class="fn">Devin Rousso</span></a>
</span></b>
<pre>Created <span class=""><a href="attachment.cgi?id=298637" name="attach_298637" title="[HTML] Reduction">attachment 298637</a> <a href="attachment.cgi?id=298637&action=edit" title="[HTML] Reduction">[details]</a></span>
[HTML] Reduction
Notice that the color "green" never appears.
<style>
input {
-webkit-appearance: none;
}
input::-webkit-slider-runnable-track {
background-color: red;
height: 1px;
}
input::-webkit-slider-runnable-track::before {
display: block;
height: 10px;
content: "";
background-color: green;
}
</style>
<input type="range"></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>