.emby-select { display: block; margin: 0; margin-bottom: 0 !important; background: none; border: 1px solid #383838; border-width: 0 0 1px 0; /* Prefixed box-sizing rules necessary for older browsers */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove select styling */ /* Font size must the 16px or larger to prevent iOS page zoom on focus */ font-size: 110%; /* General select styles: change as needed */ font-family: inherit; font-weight: inherit; color: inherit; padding: .35em .8em .3em 0; cursor: pointer; outline: none !important; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .emby-select option { color: initial; } .selectContainer { margin-bottom: 1.8em; position: relative; } .selectArrowContainer { position: absolute; right: 0; top: .25em; color: inherit; } .selectArrow { margin-top: .35em; } .selectLabel { display: block; } .selectLabelFocused { color: #52B54B; } .emby-select-selectionbar { height: 2px; transform: scale(.01, 1); transition: transform .25s ease-out; position: relative; top: -1px; margin-bottom: .5em; -webkit-transform-origin: center center; transform-origin: center center; } .emby-select:focus + .emby-select-selectionbar { background-color: #52B54B; transform: none; }