Foros del Web » Creando para Internet » HTML »

quitar flecha de select

Estas en el tema de quitar flecha de select en el foro de HTML en Foros del Web. Hola! Quisiera saber si existe alguna forma de esconder la flecha de dos select hechos en html. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original function ...
  #1 (permalink)  
Antiguo 23/09/2013, 14:25
 
Fecha de Ingreso: enero-2013
Ubicación: Distrito Federal
Mensajes: 88
Antigüedad: 8 años, 3 meses
Puntos: 1
Pregunta quitar flecha de select

Hola!
Quisiera saber si existe alguna forma de esconder la flecha de dos select hechos en html.

Código Javascript:
Ver original
  1. function Combos(x) {
  2.   ItDepend=document.getElementById('delegacion');
  3.   if(!ItDepend){return;}                
  4.   var mitems=new Array();
  5.   mitems['Estado']=['DELEGACIÓN'];
  6.   mitems['Distrito Federal']=['ÁLVARO OBREGÓN','AZCAPOTZALCO', 'BENITO JUÁREZ', 'COYOACÁN', 'CUAJIMALPA', 'CUAUHTÉMOC', 'GUSTAVO A. MADERO', 'IZTACALCO', 'IZTAPALAPA', 'MAGDALENA CONTRERAS', 'MIGUEL HIDALGO', 'MILPA ALTA', 'TLÁHUAC', 'TLALPAN', 'VENUSTIANO CARRANZA', 'XOCHIMILCO'];
  7.   ItDepend.options.length=0;
  8.   ItActual=mitems[x.options[x.selectedIndex].value];
  9.   if(!ItActual){return;}
  10.   ItDepend.options.length=ItActual.length;
  11.   for(var i=0;i<ItActual.length;i++) {
  12.     ItDepend.options[i].text=ItActual[i];
  13.     ItDepend.options[i].value=ItActual[i];
  14.   }
  15. }
Código CSS:
Ver original
  1. .estado {
  2.     width:250px;
  3.     height:40px;
  4.     color:#AB1B8C;
  5.     font-weight:bold;
  6.     border:none !important;
  7.     margin-top:5px;
  8.     padding-left:10px;
  9.     background-color:transparent;
  10.     background-image:url(../images/estado.png);
  11. }
  12. .delegacion {
  13.     width:230px;
  14.     height:40px;
  15.     color:#AB1B8C;
  16.     font-weight:bold;
  17.     border:none !important;
  18.     margin:5px 0 0 0;
  19.     padding-left:10px;
  20.     background-color:transparent;
  21.     background-image:url(../images/delegacion.png);
  22. }
Código HTML:
Ver original
  1. <select class="estado" name="estado" id="estado" onchange="Combos(this)">
  2. <option value="Estado">ESTADO</option>
  3. <option value="Distrito Federal">DISTRITO FEDERAL</option>
  4. <select class="delegacion" name="delegacion" id="delegacion">
  5. <option value="Delegación">DELEGACIÓN</option>

Este es el código que actualmente tengo. Los select son dependiente y el estilo me lo toma bien, el único inconveniente es que la flecha del select no logro eliminarla. Alguien pudiera darme algún tip.

Mi resultado es algo parecido a esto
http://codepen.io/webifish/full/ibFwj

Gracias
  #2 (permalink)  
Antiguo 24/09/2013, 08:41
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 12 años
Puntos: 1517
Respuesta: quitar flecha de select

Porque entonces en vez de usar un <select></select> lo haces dinámico usando por ejemplo ul li y luego lo personalizas y los resultados los haces con un checkmark escondido, etc. es imaginación.

O busca en internet select personalizados.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 24/09/2013, 09:02
 
Fecha de Ingreso: enero-2013
Ubicación: Distrito Federal
Mensajes: 88
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: quitar flecha de select

Cita:
Porque entonces en vez de usar un <select></select> lo haces dinámico usando por ejemplo ul li y luego lo personalizas y los resultados los haces con un checkmark escondido, etc. es imaginación.
Lo intente hacer como me dices, pero solo lo logro hacer para uno, no para los dos y no funciona la dependencia :(
Y ya he probado con varios select pero no logró hacerlo funcionar para los dos.

Ni hablar, seguire probando haber que me puede funcionar

Gracias
  #4 (permalink)  
Antiguo 24/09/2013, 09:34
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 12 años
Puntos: 1517
Respuesta: quitar flecha de select

Si usas alguna librería como jquery o lo que quieras usar puede se te haga menos complicado.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 25/10/2013, 11:35
 
Fecha de Ingreso: enero-2013
Ubicación: Distrito Federal
Mensajes: 88
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: quitar flecha de select

utilice jquery con li y ul, funciona pero tengo un pequeño problema ya que mi <option selected> no se muestra... aparece en blanco hasta que le doy clic ya se despliega la lista pero si requiero que me muestre un selected :(

Etiquetas: select-html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:07.