Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
1canada
@1canada
JavaScript
CSS
Как сделать такую кнопку?
Как сделать такую кнопку? Плюс чтобы с помощью неё можно было сделать табы.
Вопрос задан
более трёх лет назад
187 просмотров
3
комментария
Подписаться
2
Простой
3
комментария
Facebook
Вконтакте
Twitter
Froggyweb
@Froggyweb
ну как у бутстрап к примеру. Вообще не понятен вопрос
Написано
более трёх лет назад
t800zippygod
@t800zippygod
Тут скорее к верстке вопрос
Написано
более трёх лет назад
alexalexes
@alexalexes
Классические табы + border-radius вам в помощь.
Написано
более трёх лет назад
Решения вопроса
1
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Руководитель frontend направления, предприниматель
Обычно так делают стилизованный чекбокс, собственно, именно он и есть в скриншоте.
А стилизовать можно за счет селекторов и комбинаторов. Если
input:checked
, то соседние элементы можно стилизовать по данном триггеру.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
4 часа назад
67 просмотров
3
ответа
JavaScript
Средний
Windows просит USB-ключ, а мне нужен PIN. Как включить проверку пароля/PIN в Windows Hello?
1 подписчик
6 часов назад
40 просмотров
1
ответ
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
7 часов назад
65 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
5 подписчиков
вчера
1586 просмотров
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
86 просмотров
2
ответа
JavaScript
Средний
Как отправить куки?
1 подписчик
вчера
145 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
31 мар.
44 просмотра
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
129 просмотров
2
ответа
JavaScript
Простой
Используют ли сейчас повсеместно class?
1 подписчик
31 мар.
157 просмотров
1
ответ
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
181 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама