Usuń obramowanie z przycisków

Próbowałem tworzyć przyciski i wstawiać własne obrazy zamiast standardowych obrazów przycisków. Jednak szara ramka ze standardowych przycisków nadal pozostaje, pokazując na zewnątrz moich czarnych obrazów przycisków.

Czy ktoś wie, jak usunąć tę szarą ramkę z przycisku, więc to tylko sam obraz? Dziękuję Ci.

Dodaj

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

do swoich przycisków.

Próbny:

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

Wydaje mi się, że to działa doskonale.

button:focus { outline: none; }

Miałem ten sam problem i mimo że stylizowałem mój przycisk w CSS, nigdy nie wychwycił, border:noneale to, co zadziałało, to dodanie stylu bezpośrednio do przycisku wejściowego w następujący sposób:

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

Spróbuj użyć: border:0;lubborder:none;

Zwykłą sztuczką jest uczynienie samego obrazu częścią linku zamiast przycisku. Następnie należy powiązać zdarzenie „click” z niestandardową obsługą.

Struktury takie jak Jquery-UI lub Bootstrap robią to po wyjęciu z pudełka. Swoją drogą, użycie jednego z nich może znacznie ułatwić całą koncepcję aplikacji.

Możesz także spróbować background:none;border:0pxprzycisków.

również selektory css to div#yes button{..}i div#no button{..}. ma nadzieję, że to pomoże

Aby usunąć domyślną „niebieską ramkę” z przycisku na fokusie przycisku:

W html:

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

A w Css

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

Mam nadzieję, że to pomoże :)

Dodaj to jako css,

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

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