2010-08-23 13 views

risposta

8

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

-3

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;" />

+0

Non funziona, ho paura. – MrKWatkins

8

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.

+0

Works for remove border in IE8: 'style =" background: transparent; border: 0 "' – Justin

-7

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" /> 
+0

Questa domanda non riguarda ASP –

+6

Esiste un mondo al di fuori di Web Form ASP.NET. –

+0

Questa domanda non riguarda ASP, è il –

4

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!

+0

di ANDROID LAYOUT proprio come hai detto, funziona come un fascino :) – FrenkyB

1

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; 
0

In CSS questo è possibile impostando l'aspetto del kit web su none. Qualcosa di simile

-webkit-appearance: none; 
-1

Uso outline:

outline: 0px; 

sarà sbarazzarsi di esso.

Problemi correlati