Rimuovere il bordo dai pulsanti

Ho provato a creare pulsanti e inserire le mie immagini anziché le immagini dei pulsanti standard. Tuttavia, il bordo grigio dei pulsanti standard rimane ancora, mostrando all'esterno delle mie immagini di pulsante nero.Rimuovere il bordo dai pulsanti

Qualcuno sa come rimuovere questo bordo grigio dal pulsante, quindi è solo l'immagine stessa? Grazie.

fonte

2012-07-16 JamesonW

apprezzo tutto il feedback ... mal saprete quale funziona per me. – JamesonW

FYI: Link is down. – alexander

101

Aggiungere

padding: 0; 
border: none; 
background: none;

ai pulsanti.

Demo:

fonte

2012-07-16 01:27:02 Vestride

Apprezzo .. ma ho aggiunto proprio come hai detto al foglio di stile e purtroppo non ha funzionato. Dovrei semplicemente inserirlo nel codice HTML, se questo potrebbe fare la differenza? – JamesonW

Ho aggiunto un violino più 'sfondo: nessuno;' ai pulsanti. Prendi un picco al violino e vedi se questo funziona per te. – Vestride

Prova utilizzando: border:0; o border:none;

fonte

2012-07-16 01:27:58

Il trucco al solito è quello di rendere l'immagine stessa parte di un collegamento al posto di un tasto. Quindi, si associa l'evento "clic" a un gestore personalizzato.

I framework come Jquery-UI o Bootstrap lo fanno immediatamente. L'utilizzo di uno di essi può facilitare molto l'intera concezione dell'applicazione tra l'altro.

fonte

2012-07-16 01:30:50 yadutaf

Si può anche provare a background:none;border:0px ai pulsanti.

anche i selettori css sono div#yes button{..} e div#no button{..}. spera aiuta

fonte

2012-07-16 01:31:04

Inoltre puoi impostare lo sfondo del pulsante come immagini, utilizzando invece i tag img –

oppure farlo in puro css. come 'sfondo: # 555; font-weight: bold: color: #fff; padding: 6px 8px; ' –

ho avuto lo stesso problema e anche se ero styling mio tasto in CSS sarebbe mai prendere il border:none ma quello che ha funzionato è stata l'aggiunta di uno stile direttamente sul pulsante di input in questo modo:

<div style="text-align:center;"> 
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" /> 
</div>

fonte

2013-05-04 16:08:23 Flea

stai usando la cascata CSS per sovrascrivere la proprietà con uno stile in linea. Dovresti controllare alcuni articoli sulla cascata CSS e la specificità CSS. – DrCord

Questo sembra funzionare perfettamente per me.

button:focus { outline: none; }

fonte

2016-01-04 05:31:27

'outline: none;' non è raccomandato per motivi di accessibilità. Se è necessario rimuovere il bordo di messa a fuoco, si prega di fornire un altro modo per gli utenti di vedere che ha lo stato attivo. http://outlinenone.com/ – Vestride

Rimuovere il bordo dai pulsanti

risposta

Problemi correlati