Hola, hemos encontrado la solución a tu pregunta, desplázate y la verás a continuación.
Ejemplo: cómo cambiar el color de fondo de la opción de cuadro de selección.
/*with a little bit of styling and javascript, you can have a select box with coloured options*/
/*Note that size attribute = 2 or greater plays an important role here*/
<style>select option:checkedbackground:#ff9500-webkit-linear-gradient(bottom,#ff95000%,#ff9500100%);select option:hoverbackground:#ff9500-webkit-linear-gradient(bottom,#ff95000%,#ff9500100%);color:#fff;select optionpadding:8px;selectz-index:1800;position: absolute;background:#fff;height:33px;overflow: hidden;width:30%;outline: none;style><selectid="colored_select"size="2"onclick="select_option()"><optionvalue=""selected>Selectoption><optionvalue="1">Oneoption><optionvalue="2">Twooption><optionvalue="3">Threeoption><optionvalue="4">Fouroption><optionvalue="5">Fiveoption><optionvalue="6">Sixoption><optionvalue="7">Sevenoption><optionvalue="8">Eightoption>select><script>functionselect_option()var selectBox =document.getElementById("colored_select");
$size = selectBox.size;
$set_size =4;if($size == $set_size)
selectBox.size=2;
selectBox.style.overflow='hidden';else
selectBox.size= $set_size;
selectBox.style.height='auto';
selectBox.style.overflow='auto';var selectedOptionTop = selectBox.options[selectBox.selectedIndex].offsetTop;
selectBox.scrollTop= selectedOptionTop;script>Si crees que ha resultado de provecho nuestro post, te agradeceríamos que lo compartas con más entusiastas de la programación y nos ayudes a difundir nuestra información.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)