Foros del Web » Creando para Internet » CSS »

Quitar el efecto 3D a un boton

Estas en el tema de Quitar el efecto 3D a un boton en el foro de CSS en Foros del Web. Saludos; Tengo un botón definido en C# en una página aspx (asp.net) de esta manera: <asp:Button id="BT_Send" Width="70px" Text="" runat="server" CssClass="BotonEnviar" tabIndex="2" onclick="BT_Send_Click"></asp:Button> el botón ...
  #1 (permalink)  
Antiguo 07/10/2008, 02:57
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.338
Antigüedad: 9 años, 3 meses
Puntos: 169
Quitar el efecto 3D a un boton

Saludos;

Tengo un botón definido en C# en una página aspx (asp.net) de esta manera:

<asp:Button id="BT_Send" Width="70px" Text="" runat="server" CssClass="BotonEnviar" tabIndex="2" onclick="BT_Send_Click"></asp:Button>

el botón consta de una imagen que está en 2D, pero parece que el asp:Button le da un efecto 3D al borde que no he encontrado la forma de quitar, porque para la imagen que utilizo queda bastante feo.

Este es el estilo que utilizo:

.BotonEnviar
{
background-image:url(botonenviar.jpg);
text-decoration:none;
background-color:Green;
border-width:0px;
border-color:White;
margin-left:20px;
}

¿alguien me puede ayudar?
  #2 (permalink)  
Antiguo 07/10/2008, 05:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Quitar el efecto 3D a un boton

Puedes probar a poner border: solid 1px #fff;

.BotonEnviar {background-image:url(botonenviar.jpg);
text-decoration:none;
background-color:Green;
border: solid 1px #fff;
margin-left:20px;
}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 07/10/2008, 05:43
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.338
Antigüedad: 9 años, 3 meses
Puntos: 169
Respuesta: Quitar el efecto 3D a un boton

nada, eso no me vale ya que me genera un borde de tonalidad grisácea en el efecto 3D.

al final me contentaré con reducir el margen inferior con un:

height:18px;

que he comprobado que deja el botón medianamente presentable ;)

gracias.
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 07:50.