¿Es posible eliminar los bordes alrededor de una casilla de verificación para que parezca invisible? Lo tengo colocado en un DIV con un fondo de color.¿Cómo elimino el borde de la casilla de verificación?
Respuesta
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
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;" />
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.
Funciona para eliminar el borde en IE8: 'style =" background: transparent; border: 0 "' – Justin
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" />
Esta pregunta no es sobre ASP –
Hay un mundo fuera de los formularios Web de ASP.NET. –
Esta pregunta no se trata de ASP, es ANDROID LAYOUT –
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!
como usted dijo, funciona como un encanto :) – FrenkyB
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;
En CSS esto es posible configurando el aspecto del kit web en ninguno. Algo como esto
-webkit-appearance: none;
- 1. cambiar el color del borde de la casilla de verificación
- 2. cómo borrar la casilla de verificación
- 3. Casilla de verificación Grails
- 4. JQuery La verificación de la casilla de verificación está marcada
- 5. QT - casilla de verificación desmarque
- 6. personalizar la casilla de verificación preferencia
- 7. Winforms Casilla de verificación Enfoque Problema si no se aplica texto en la casilla de verificación
- 8. ¿Cómo elimino el borde alrededor de una precontenida enfocada?
- 9. FDF: cómo marcar una casilla de verificación?
- 10. Marque la casilla de verificación deshabilitada (Jquery)
- 11. jsTree Ocultar casilla de verificación
- 12. ¿Cómo agotar una casilla de verificación html?
- 13. ¿Cómo desactivo una casilla de verificación?
- 14. Android Casilla de verificación Grupo
- 15. cómo desactivar la casilla de verificación de formulario de primavera?
- 16. Casilla de verificación en ExpandableListView
- 17. usando el manillar bindAttr para la casilla de verificación
- 18. Marca de verificación en una casilla de verificación
- 19. Casilla de casilla de verificación DataGridView "seleccionar todo" rendimiento
- 20. Controlador de eventos OnCheckedChanged de asp: la casilla de verificación no se activa cuando la casilla de verificación está desactivada
- 21. Cómo crear la casilla de verificación sin enviar en PHP?
- 22. Cómo aplicar a la imagen personalizada casilla de verificación androide
- 23. ¿Cómo encuentro la primera casilla de verificación en Capibara?
- 24. Cómo establecer explícitamente la casilla de verificación sin marcar
- 25. Cambiar el tamaño de una casilla de verificación y la marca de verificación
- 26. valor de casilla de verificación en jquery
- 27. Cómo hacer una ListPreference con la casilla de verificación
- 28. Cómo escuchar casilla de verificación en la tabla JFace Visor
- 29. Estilo de casilla de verificación de Android
- 30. Pares de casilla de verificación/alineación vertical
No funciona, me temo. – MrKWatkins