[Lista] Como quitar estos puntitos (?)

[MasterXNicoX]

Hola a Todos!!...

Bueno, miren...

Tengo este multi buscador y necesito quitarle los puntitos que aparecen cuando uno selecciona uno de los sitios...

Acá va una imagen...



La flecha verde Marca los puntitos que yo quiero quitar, pero nose con que propiedad quitarlos... ya probe con outline y con border pero no es ninguna de ellas y no se me ocurre otra..

Despues necesitaba preguntarles como sacar la linea gris que aparece a la izquierda de la lista... la que señalo con una flecha azul...

Y por ultimo queria saber si ustedes saben como hacer que sea más grande el espacio que hay entre cada opción...

Saludos y un abrazo grande, espero sus respuestas

[DiegoKaiser]

Podrias poner el codigo fuente?

[kseso?]

Hola Nicox. ¡Cuánto tiempo...!

Para el punteado:
Si añades al inicio de tu css el famoso mini-reset debería desaparecer:

* {border:0; margin:0; outline:none;}

Para las propiedades de cada option (creo que es un select lo que tienes ahí) márcaselo en el .css:

option {
font-size:em
padding:Xpx;
}

El borde gris no se sabe sin ver código si es del "select" o de sus "option". Puede ser un borde o el fondo del select que se ve porque las opciones no llegan al límite izquierdo de su padre.

Anda enséñanos tu css de "option" y "select".

Un saludo, chaval

P.D.: por cierto, a esas opciones le quedaría muy bien el mini-icono (favicon) de cada una de ellas

[MasterXNicoX]

Si ya lo se jejeje y Gracias Kseso? por la recomendación, de todas formas ese es solo un ejemplo de lo que estoy haciendo con colores molestos xD es para que identificaran bien los puntitos :P

Ahora mismo edito y agrego el CSS y el HTML

-----------------------------------------------

HTML:

<form name="searchForm">
<select name="whichEngine" class="o">
<option>Google</option>
<option>Yahoo!</option>
<option>YouTube</option>
<option>Wikipedia</option>
</select>
<input class="t" name="searchText" type="text" onfocus="if(this.value=='Buscar...')this.value=''; " onblur="if((this.value=='')||(this.value.strip()== ''))this.value='Buscar...';" value="Buscar..." size="24">
<input class="b" type="button" value="Buscar" onClick="startSearch()"></form>

-----------------------------------------------

CSS:

.o{background:#ddd;width:90px;border:solid 1px #000}
.t{background:#09f;border:solid 1px;padding:1px}
.b{background:#0f0;border:solid 1px #000}

------------------------------------------------

Pero lo que me extraña es que ya habia agregado esta linea al princicio...

*{margin:0px;padding:0px;outline:none}

------------------------------------------------

Bueno eso es en si el código... jejeje

Un abrazo!

[jalex16]

-moz-user-select: none;

[jomaruro]

Hola:

Iniciado por jalex16

-moz-user-select: none;

Pero esto solo funcionará en mozilla.

Saludos.

[jalex16]

es que lo encontré en un script, aunque decía claramente en inglés que serviría para Firefox, no sabía que era únicamente para él. Bien, aunque sea algo aprendí hoy

[jomaruro]

Hola:

Me alegro un montón, ya puedo dormir tranquilo, hoy he enseñado algo.

Saludos.

[MasterXNicoX]

Hola y gracias por su ayuda, pero... lo agregué y sigue sin funcionarme :-/

Quizá lo este aplicando mal.. en donde lo tengo que aplicar?? en las propiedades del estilo ".o" ????

[jomaruro]

Hola:

Iniciado por MasterXNicoX

Hola y gracias por su ayuda, pero... lo agregué y sigue sin funcionarme :-/

¿A qué solución, de las que te han dado, te refieres?

Saludos.

[MasterXNicoX]

A esta: -moz-user-select: none;

[MasterXNicoX]

Alguien?? xD