È possibile rimuovere i bordi attorno a una casella di controllo in modo che appaia invisibile? L'ho messo in un DIV con uno sfondo colorato.Come si rimuove il bordo della checkbox?
risposta
Sfortunatamente, non è possibile rimuovere i bordi nelle caselle di controllo native del browser (non funzionerà in tutti i browser), per implementare questo sarà necessario scrivere il proprio widget di stato simile a una casella di controllo. Controlla Nice forms se vuoi modellare i controlli regolari dei moduli con uno stile personalizzato
Dovresti utilizzare alcuni widget o un ui personalizzato di qualche tipo per rimuovere i bordi.
non sono sicuro se questo funziona: <input type="checkbox" style="border: 0;" />
Per Firefox: provare border: none. Per IE provare: style = "background: transparent; border: 0"
L'altra soluzione è creare le proprie immagini per il segno di spunta e deselezionare visualizzando l'onclick appropriato dell'immagine.
Works for remove border in IE8: 'style =" background: transparent; border: 0 "' – Justin
asp: checkbox is span elemento che contiene tipo di input = checkbox. È possibile impostare lo stile solo per lo span. Ma se si vuole cambiare casella di controllo di frontiera all'interno dell'elemento è possibile utilizzare il 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" />
Questa domanda non riguarda ASP –
Esiste un mondo al di fuori di Web Form ASP.NET. –
Questa domanda non riguarda ASP, è il –
So che questa è una risposta in ritardo, ma un esperto di CSS con cui lavoro mi ha dato in questo modo per sbarazzarsi del bordo attorno una casella di controllo (e probabilmente un pulsante di opzione) in IE10:
- Imposta il colore del bordo sullo stesso colore dello sfondo della pagina.
- Applica un'ombreggiatura di "nessuno" ad esso.
Questo è tutto. Ha funzionato come un fascino!
di ANDROID LAYOUT proprio come hai detto, funziona come un fascino :) – FrenkyB
Poiché questo è il primo risultato per me durante la ricerca di "Rimuovi il bordo della casella di controllo" in Google, lascia che menzioni lo stile di default degli assegni potrebbe essere rimosso in tutti i browser eccetto IE (no merda ...) con la proprietà appearance
:
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
In CSS questo è possibile impostando l'aspetto del kit web su none. Qualcosa di simile
-webkit-appearance: none;
- 1. Chrome: rimuovere il bordo della finestra/decorazione
- 2. Come impostare il colore del bordo della casella di controllo
- 3. Spiegare questo: CheckBox checkbox = (CheckBox) mittente;
- 4. Come cambiare il colore del bordo della textarea su: focus
- 5. come rendere il bordo della copertina elemento figlio del genitore?
- 6. Spinner - come impostare il bordo della lista a discesa?
- 7. Come rimuovere il bordo ombreggiato della casella blu nel pulsante se si fa clic su
- 8. mod-rewrite rimuove il nome della cartella dall'URL
- 9. come si rimuove una versione linguistica di un oggetto sitecore?
- 10. Xamarin rimuove il titolo dell'app
- 11. FragmentStatePagerAdapter non rimuove i frammenti se si rimuove il frammento del genitore
- 12. API JAXP non valida quando non si rimuove il JAXB
- 13. Creare un bordo titolato con il titolo come JCheckBox
- 14. Come si rimuove KVO da una proprietà debole?
- 15. Come impostare il bordo per il tavolo
- 16. Come ignorare il bordo: nessuno?
- 17. Thunderbird 31.6 rimuove il doctype
- 18. jQPlot - rimuove le linee verticali della griglia
- 19. Evento di tocco: quando si rimuove il dito dall'articolo
- 20. Problema quando si rimuove la libreria supportV4
- 21. Imposta il bordo del rettangolo matplotlib all'esterno della larghezza specificata?
- 22. Rendering Nullable Bool come CheckBox
- 23. jQuery.off() non rimuove il binding
- 24. Perché Firefox non rende il bordo della tabella vuoto?
- 25. Come si rimuove la riga del nome della colonna da un DataFrame panda?
- 26. Come rimuovere il bordo dietro il pulsante?
- 27. come impostare il bordo colorato su cardview
- 28. Come si rimuove un listener dall'istanza EventEmitter di React Native?
- 29. Come si elimina/rimuove un push da Bitbucket?
- 30. Come si rimuove un elemento dell'array in un ciclo foreach?
Non funziona, ho paura. – MrKWatkins