Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {
| style=\"(.*?)\" |
| /** | |
| * Fix for vw, vh, vmin, vmax on iOS 7. | |
| * http://caniuse.com/#feat=viewport-units | |
| * | |
| * This fix works by replacing viewport units with px values on known screen sizes. | |
| * | |
| * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. | |
| * Target devices running iOS 8+ will incidentally execute the media query, | |
| * but this will still produce the expected result; so this is not a problem. |
| <?php | |
| /** | |
| * Numeric Pagination Class | |
| * @author Alexandre Plennevaux https://pixeline.be | |
| * | |
| * This class returns a list of LI > A. It is up to you to set the wrapping NAV > UL around your function call. | |
| * | |
| * @usage (setting specific classes) | |
| * | |
| * // Sets the css classes you want to be used for the output |