Este artículo le indica el icono del lado derecho del H5 y seleccione el cuadro de caída de la caída para mejorar el efecto de la experiencia del usuario en la página de embellecimiento profundo
1. ¡Entonces echemos un vistazo al efecto primero!
2. Mire la estructura de H5 nuevamente:
<div id = login-div> <div class = select-wrapper> <select id = selector1> <opción valor = discoDed selectd> Seleccione el sistema: </opción> <opción = 1> weChat-apple </op </op </op </op </op </op < /Op </op </op </op tion> <opción valor = 2> wechat-android </option> </section> <img src = ossweb-imagg/arrow.png </div> <div class = select -Wrapper> <select id = selector2> <opción = desactivado = Ossweb -img/Arrow.png.png </div> <div class = select-wrapper> <select id = selector3> <opción valor = selectd discoDed> Seleccione la región: </opción> <opción valor = 1> UE = 2> Regiones 2 </opción> </select> <img src = ossweb-imags/flecha > Seleccione el carácter: </opción> <opción valor = 1> carácter 1 </opción> <opción valor = 2> carácter 2 </option> </ectely> <img src = ossweb-img/arrow.png < /div> <p id = aviso> Una sola cuenta solo puede recibir una vez el premio </p> <img src = ossweb-img/comfire1.png </div>
3. La parte del estilo está controlada por Sass. No hay operaciones especiales para transformarse, por lo que es fácil reemplazar CSS
@function rem ($ n) {@return $ n/$ rem*1rem;} #login-div {fondos: url (../ ossweb-img/kuang1.png) 0 0 sin repetición; % 100%: REM (564); : Centro: REM (50); 1px Solid #23282d; : REM (41); 20) Margen-heft: rem (174);}}4. Análisis: principalmente el control de posición del icono del lado derecho del lado derecho del derecho. Utilizando la posición del atributo para controlar la posición con la posición: Absoluto;
ResumirEl anterior es el cuadro HTML5 y Seleccione Drop -down al lado derecho del HTML5 y seleccione que sea útil para todos. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!