Próbuję utworzyć słodki przycisk w Bootstrap. Mam 4 obrazy, które pokazują dyskretne stany mojego przycisku (normalne, unosi się, prasowane, wyłączone).

Ale nie mogę dowiedzieć się, jakie są najlepsze praktyki. Korzystanie z SRC na obrazie typu wejściowego wydaje się, że nie działa tak ładnie, ponieważ przeglądarki utworzą niebieski rekord podczas klikania.

(Potrzebuję tylko całego obrazu, aby być przyciskiem, nie jest logo ani nie, który należy wyświetlić na określonej pozycji)

Edytuj: Jest to dla mojego niestandardowego przycisków logowania na Facebooku / Google / Outlook

0
Moritz Schöfl 28 czerwiec 2017, 11:19

3 odpowiedzi

Najlepsza odpowiedź

Musisz wymienić adresy URL za pomocą masz obrazów.

.fb {
  background: url(http://placehold.it/50x20/00ff00);
}

.fb:hover {
  background: url(http://placehold.it/50x20/0000ff);
}

.outlook:disabled {
  background: url(http://placehold.it/50x20/000000);
  color: white;
}

.fb:active {
  background: url(http://placehold.it/50x20/666666);
}
<button type="button" class="fb">button</button>
<button type="button" class="outlook" disabled>button</button>
1
Gerard 28 czerwiec 2017, 08:43

Możesz użyć znacznika IMG wewnątrz tagu kotwicznego do tego, aby przełączać się między państwami, które możesz użyć jQuery.

Daj mi znać, jeśli potrzebujesz dalszej pomocy !!

0
Amaan Iqbal 28 czerwiec 2017, 08:22

Najlepsze praktyki będą używać: Przed elementami, w których pojawi się obraz na "Przycisk".

0
DanielWaw 28 czerwiec 2017, 08:21