Перечеркнутая кнопка

J

Jokerrcs

Постоялец
Регистрация
6 Мар 2016
Сообщения
72
Реакции
6
Нужно сделать, когда на кнопку наводишь курсор чтобы появлялся перечеркнутый круг. И желательно чтобы цвет менялся на серый. Как такое реализовать?
HTML: 
<button style="background-color: #8238A7; letter-spacing: 2px;" onclick="window.location.href='../rub/bankcard/index.html'">Банковские карты Visa / MasterCard в рублях</button>
111111111111111111111111111111.png
 
alex_me написал(а):
Есть в fontawesome

Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Качественно получилось. Можно сделать еще чтобы когда на кнопку наводишь или нажимаешь из под кнопки выезжал текст, т.е. кнопка спойлер, и там надпись, что оплата проводится в ручном режиме, для этого свяжитесь с администратором и ссылка на страницу. Или какое-то высплывающее окно сделать при наведении на кнопку.
 
А вот для это - подключить Foundation, Bootstrap и т.д.
и использовать стандартный виджет

Tooltip или Callout или Reveal в Foundation
Или Tooltip и Alert в Bootstrap

Чем меньше велосипедов, тем лучше ))

Для просмотра ссылки Войди или Зарегистрируйся

Здесь tooltip Foundation
Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
Solus_Rex написал(а):
Для просмотра ссылки Войди или Зарегистрируйся

Оно?

Upd.
Пока открыто было полдня тут уже столько вариантов накидали...)
Нажмите для раскрытия...
Верно. Мне на другом сайте такое решение уже показали. Можно еще как-то применить высплывающее окно к тому что уже есть без подключения Foundation, Bootstrap и т.д. ? Для просмотра ссылки Войди или Зарегистрируйся уже показал такое решение, но там чтобы подключить Foundation нужно еще одну тему создавать будет, а у меня нет такого желания.
 
Последнее редактирование:
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху