| OLD | NEW |
|---|
| 1 | 1 |
| 2 Both meter elements should have a nested shadow box with a width specified: | 2 Both meter elements should have a nested shadow box with a width specified: |
| 3 | " | 3 | " |
| 4 " | 4 " |
| 5 | <meter> | 5 | <meter> |
| 6 | max="100" | 6 | max="100" |
| 7 | value="70" | 7 | value="70" |
| 8 | <shadow:root> | 8 | <shadow:root> |
| 9 | <div> | 9 | <div> |
| 10 | pseudo="-webkit-meter-inner-element" | 10 | pseudo="-webkit-meter-inner-element" |
| 11 | shadow:pseudoId="-webkit-meter-inner-element" | 11 | shadow:pseudoId="-webkit-meter-inner-element" |
| 12 | <div> | 12 | <div> |
| 13 | pseudo="-webkit-meter-bar" | 13 | pseudo="-webkit-meter-bar" |
| 14 | shadow:pseudoId="-webkit-meter-bar" | 14 | shadow:pseudoId="-webkit-meter-bar" |
| 15 | <div> | 15 | <div> |
| 16 | pseudo="-webkit-meter-optimum-value" | 16 | pseudo="-webkit-meter-optimum-value" |
| 17 | style="width: 70%;" | 17 | style="width: 70%;" |
| 18 | shadow:pseudoId="-webkit-meter-optimum-value" | 18 | shadow:pseudoId="-webkit-meter-optimum-value" |
| 19 | <div> | 19 | <div> |
| 20 | pseudo="-internal-fallback" |
| 21 | shadow:pseudoId="-internal-fallback" |
| 20 | <content> | 22 | <content> |
| 21 | " | 23 | " |
| 22 " | 24 " |
| 23 | <meter> | 25 | <meter> |
| 24 | high="6" | 26 | high="6" |
| 25 | low="3" | 27 | low="3" |
| 26 | max="10" | 28 | max="10" |
| 27 | min="0" | 29 | min="0" |
| 28 | optimum="5" | 30 | optimum="5" |
| 29 | value="10" | 31 | value="10" |
| 30 | <shadow:root> | 32 | <shadow:root> |
| 31 | <div> | 33 | <div> |
| 32 | pseudo="-webkit-meter-inner-element" | 34 | pseudo="-webkit-meter-inner-element" |
| 33 | shadow:pseudoId="-webkit-meter-inner-element" | 35 | shadow:pseudoId="-webkit-meter-inner-element" |
| 34 | <div> | 36 | <div> |
| 35 | pseudo="-webkit-meter-bar" | 37 | pseudo="-webkit-meter-bar" |
| 36 | shadow:pseudoId="-webkit-meter-bar" | 38 | shadow:pseudoId="-webkit-meter-bar" |
| 37 | <div> | 39 | <div> |
| 38 | pseudo="-webkit-meter-suboptimum-value" | 40 | pseudo="-webkit-meter-suboptimum-value" |
| 39 | style="width: 100%;" | 41 | style="width: 100%;" |
| 40 | shadow:pseudoId="-webkit-meter-suboptimum-value" | 42 | shadow:pseudoId="-webkit-meter-suboptimum-value" |
| 41 | <div> | 43 | <div> |
| 44 | pseudo="-internal-fallback" |
| 45 | shadow:pseudoId="-internal-fallback" |
| 42 | <content> | 46 | <content> |
| 43 | " | 47 | " |
| 44 " | 48 " |
| 45 | <meter> | 49 | <meter> |
| 46 | high="6" | 50 | high="6" |
| 47 | low="3" | 51 | low="3" |
| 48 | max="10" | 52 | max="10" |
| 49 | min="0" | 53 | min="0" |
| 50 | optimum="0" | 54 | optimum="0" |
| 51 | value="10" | 55 | value="10" |
| 52 | <shadow:root> | 56 | <shadow:root> |
| 53 | <div> | 57 | <div> |
| 54 | pseudo="-webkit-meter-inner-element" | 58 | pseudo="-webkit-meter-inner-element" |
| 55 | shadow:pseudoId="-webkit-meter-inner-element" | 59 | shadow:pseudoId="-webkit-meter-inner-element" |
| 56 | <div> | 60 | <div> |
| 57 | pseudo="-webkit-meter-bar" | 61 | pseudo="-webkit-meter-bar" |
| 58 | shadow:pseudoId="-webkit-meter-bar" | 62 | shadow:pseudoId="-webkit-meter-bar" |
| 59 | <div> | 63 | <div> |
| 60 | pseudo="-webkit-meter-even-less-good-value" | 64 | pseudo="-webkit-meter-even-less-good-value" |
| 61 | style="width: 100%;" | 65 | style="width: 100%;" |
| 62 | shadow:pseudoId="-webkit-meter-even-less-good-value" | 66 | shadow:pseudoId="-webkit-meter-even-less-good-value" |
| 63 | <div> | 67 | <div> |
| 68 | pseudo="-internal-fallback" |
| 69 | shadow:pseudoId="-internal-fallback" |
| 64 | <content> | 70 | <content> |
| 65 | " | 71 | " |
| 66 " | 72 " |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1958073002:
Introduce :-internal-shadow-host-has-appearance pseudo class, and apply it to METER element. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master