Rimuovi il bordo dai pulsanti

Ho provato a creare pulsanti e inserire le mie immagini invece delle immagini dei pulsanti standard. Tuttavia, rimane ancora il bordo grigio dei pulsanti standard, visibile all'esterno delle immagini dei pulsanti neri.

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

Inserisci

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

ai tuoi pulsanti.

demo:

https://jsfiddle.net/Vestride/dkr9b/

Questo sembra funzionare perfettamente per me.

button:focus { outline: none; }

Avevo lo stesso problema e anche se stavo disegnando il mio pulsante in CSS non avrebbe mai rilevato il border:nonema ciò che ha funzionato è stato 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>

Prova a usare: border:0;oborder:none;

Il solito trucco è rendere l'immagine stessa parte di un collegamento invece che di un pulsante. Quindi associ l'evento "clic" a un gestore personalizzato.

Framework come Jquery-UI o Bootstrap lo fanno immediatamente. L'utilizzo di uno di questi può facilitare molto la concezione dell'intera applicazione, comunque.

Puoi anche provare background:none;border:0pxa pulsanti.

anche i selettori CSS sono div#yes button{..}e div#no button{..}. spera che aiuti

Per rimuovere il "bordo blu" predefinito dal pulsante sullo stato attivo del pulsante:

In Html:

<button class="new-button">New Button...</button>

E in Css

button.new-button:focus {
    outline: none;
}

Spero che sia d'aiuto :)

Aggiungi questo come css,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["border: none; background-color: white; padding: 0"]);