problema con menú lista

[tonieet]

alguien sabe por que cuando hago una lista menu, el boton para desplegar las opciones me sale con los bordes redondeados??? como hago para que me salga cuadrado?

[AngelKrak]

eso es porque tienes un Border Radius activado para ese menu ;) borralo y listo ;)

[tonieet]

hola algelkrak gracias por responder, tengo el border radius desactivado y me salen redondos, mira, lo tengo asi:

.listamenu{
height: 35px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
color: #333;
text-decoration: none;

border-bottom:1px solid #000;
background-color:#FFF;
margin-left:30px;

moz-border-radius: 0px 0px 0px 0px;
webkit-border-radius: 0px 0px 0px 0px;
ms-border-radius: 0px 0px 0px 0px;
khtml-border-radius: 0px 0px 0px 0px;

}

[AngelKrak]

amigo ese estilo lo debes de tener definido en otra parte >_< si tienes la pagina online pasala para poder ayudarte mejor ;)

[horusorion]

Borra el boorder-radius aunque dime, estas usando google chrome, porque si mal no recuerdo el pone las esquinas redondas de los Select, lo que puedes hacer es ponerle border:none; y luego definir los bordes... Espero haya podido ayudarte.

[fede5426]

Iniciado por horusorion

Borra el boorder-radius aunque dime, estas usando google chrome, porque si mal no recuerdo el pone las esquinas redondas de los Select, lo que puedes hacer es ponerle border:none; y luego definir los bordes... Espero haya podido ayudarte.

Google Chrome no le pone bordes redondeados a los select.

El atributo border sirve para definir el grosor, tipo y color de la linea, no afecta en nada a los bordes redondeados.

tonieet no es necesario usar los prefijos para border-radius, aunque de todas maneras los estás usando mal, llevan un guión también antes del prefijo. Es decir..

Código CSS:

-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
 

Es probable que por eso no te reconozca el radio de 0px que le estas dando.

De igual forma, ninguno de los navegadores aplica un borde redondeado por defecto, algún estilo aplicado anteriormente puede estar modificando el select, revisa bien todo tu código.

Saludos

[tonieet]

hola! los guiones que me faltaban están puestos, no se por que no se han copiado.. creo que va a ser que chrome (para mac) pone los bordes redondeados por defecto... por que lo he comprobado en el móvil y en un pc con windows y se ven rectos.. lo que no entiendo es por que con mi mac puedo ver listas menu con los bordes rectos y yo no consigo que los míos se vean rectos.. algo estoy haciendo mal

por cierto... con safari también me salen redondeados... si alguien me pudiera enseñar algún ejemplo de como lo hacéis para que os salgan redondos os lo agradecería.

saludos!