2010-08-23 15 views

Respuesta

8

Lamentablemente, no es posible eliminar los bordes de las casillas de verificación nativas del navegador (no funcionará en todos los navegadores), tendrá que escribir su propio widget de estado tipo casilla de verificación para implementar esto. Consulte Nice forms si desea diseñar sus controles de formulario regulares con estilo personalizado

-3

Debería utilizar algún widget o un ui personalizado de algún tipo para eliminar los bordes.

no estoy seguro de si esto funciona: <input type="checkbox" style="border: 0;" />

+0

No funciona, me temo. – MrKWatkins

8

para Firefox: tratar fronterizo: ninguno. Para IE intento: style = "background: transparente; border: 0"

La otra solución es crear sus propias imágenes para marcado y sin marcar mostrando el onclick apropiado de la imagen.

+0

Funciona para eliminar el borde en IE8: 'style =" background: transparent; border: 0 "' – Justin

-7

asp: checkbox is span element que contiene input type = checkbox. Puede configurar el estilo solo para span. Pero si desea cambiar frontera casilla dentro del elemento se puede utilizar el Javascript

<body onload="javascript:OnLoad();" > 

<script language="javascript" type="text/javascript"> 
<!-- 
    function OnLoad() { 
     document.getElementById("<%=chBox.ClientID%>").style.border = "0px"; 
    } 
--> 
</script> 

    <asp:CheckBox ID="chBox" runat="server" Text="Checkbox text" /> 
+0

Esta pregunta no es sobre ASP –

+6

Hay un mundo fuera de los formularios Web de ASP.NET. –

+0

Esta pregunta no se trata de ASP, es ANDROID LAYOUT –

4

Sé que esto es una respuesta tardía, pero un experto en CSS trabajo con me dio de esta manera para deshacerse del borde alrededor una casilla de verificación (y probablemente el botón de opción) en IE10:

  • Establezca el color del borde del mismo color que el fondo de la página.
  • Aplica una sombra de cuadro de "ninguno".

Eso es todo. ¡Trabajado como un encanto!

+0

como usted dijo, funciona como un encanto :) – FrenkyB

1

Como este es el primer resultado para mí en la búsqueda de "eliminar frontera casilla de verificación" en Google, permítanme mencionar que el estilo por defecto la casilla de verificación podría ser eliminado en todos los navegadores excepto IE (ninguna mierda ...) con la propiedad appearance:

-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
0

En CSS esto es posible configurando el aspecto del kit web en ninguno. Algo como esto

-webkit-appearance: none; 
-1

Uso outline:

outline: 0px; 

se librará de ella.

Cuestiones relacionadas