Как сделать фон кнопки?

Question

masteban @masteban

CSS

Как сделать фон кнопки?

https://jsfiddle.net/tr1jegas/

Как задать фон крестику? Нужен белый крест на голубом фоне.
Нет мощи понять что-то, если есть какие либо статьи на эту тему, скиньте пожалуйста.

Вопрос задан более трёх лет назад
154 просмотра

3 комментария

Подписаться 1 Простой 3 комментария

Moskus @Moskus

А не пробовали не заниматься бредом и добавить крест, как реальный элемент, а не рисовать его псевдоэлементами?

Написано более трёх лет назад
Moskus @Moskus
Или, как минимум, сделать что-то вроде вот этого:
.wrapper_roll_item:before { position: absolute; left: -25px; content: '+'; height: 20px; width: 20px; background-color: blue; line-height:20px; text-align:center; }

.. и избавиться полностью от второго псевдоэдемента.
Написано более трёх лет назад
masteban @masteban Автор вопроса

Moskus, Спасибо за ответ.

Написано более трёх лет назад

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- 5 часов назад
- 19 просмотров
0

ответов
CSS

Простой
Как в данном коде формируется высота блока?
- 1 подписчик
- 9 часов назад
- 31 просмотр
1

ответ
CSS

Простой
Как убрать подчеркивание ссылки :hover?
- 1 подписчик
- 10 часов назад
- 50 просмотров
0

ответов
HTML

+1 ещё

Простой
Как добавить разный фон в ::before для объектов с одинаковым стилем?
- 1 подписчик
- 10 часов назад
- 19 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- 11 часов назад
- 25 просмотров
1

ответ
CSS

Простой
Как сделать фон который слева сужается, справа расширяется?
- 1 подписчик
- 13 часов назад
- 53 просмотра
1

ответ
CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- 18 часов назад
- 52 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 24 апр.
- 61 просмотр
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 24 апр.
- 69 просмотров
2

ответа
Показать ещё Загружается…

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

React разработчик

Uptrade

от 150 000 до 200 000 ₽

Подключить сервер к сети

27 апр. 2024, в 02:39

1500 руб./за проект

Необходимо сверстать приложение согласно макету Figma используя React

26 апр. 2024, в 22:22

1500 руб./за проект

Написать модуль подключения матрицы Sony к ПЛИС (Verilog)

26 апр. 2024, в 21:30

15000 руб./за проект

А не пробовали не заниматься бредом и добавить крест, как реальный элемент, а не рисовать его псевдоэлементами?
Или, как минимум, сделать что-то вроде вот этого:
.wrapper_roll_item:before { position: absolute; left: -25px; content: '+'; height: 20px; width: 20px; background-color: blue; line-height:20px; text-align:center; }

.. и избавиться полностью от второго псевдоэдемента.

Answer 1 · 2018-02-04 08:33:02

kreoTech @kreotech

Абстрактно-ориентированный программист

Пример: https://jsfiddle.net/kreoTech/tr1jegas/1/

Ответ написан более трёх лет назад

1 комментарий

Как сделать фон кнопки?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт