Псевдокласс before - стрелки выглядят то так, то эдак

outtime
На сайте с 04.05.2008
Offline
197
475

Ничего не пойму, почему у меня стрелки в псевдоклассах отображаются по-разному

Код css элемента такой

.btn-bq::after { content: "\2192"; color:#9e6235; font-size:300%;padding-left:30px;position:relative;top:8px;}

Первый элемент

<button class="btn btn-default btn-inbq" type="button">Продукция</button><span class="btn-bq">&nbsp;</span>

Второй элемент - вставка кода абсолютно та же самая (разве что внутри bootstrap'овского button), но стрелка почему-то выглядит по-другому

<button class="btn btn-default btn-inbq" type="button">Технология <span class="btn-bq">&nbsp;</span></button>

Куда копать и как сделать точно такую же стрелку как вверху, но внутри кнопки?

jpg 0.jpg
Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
S
На сайте с 13.10.2014
Offline
171
#1

так у вас во втором случае <span class="btn-bq"> забран в button а в первом - нет

<button class="btn btn-default btn-inbq" type="button">Технология </button> <span class="btn-bq">&nbsp;</span>

вот так должно быть

тогда будет работать.

если обязательно должен быть в кнопке, то тогда придется шаманить с position:absolute;

других вариантов нет

outtime
На сайте с 04.05.2008
Offline
197
#2
silicoid:
если обязательно должен быть в кнопке, то тогда придется шаманить с position:absolute;

других вариантов нет

Именно внутри и нужно. Пошел шаманить, спасибо, хотя бы теперь понимаю куда двигаться)

P.S. Хотя что-то с ходу не получилось - нижняя стрелка все та же... Возможно картинкой на after проще.

dma84
На сайте с 21.04.2009
Offline
168
#3
outtime:
Именно внутри и нужно. Пошел шаманить, спасибо, хотя бы теперь понимаю куда двигаться)
P.S. Хотя что-то с ходу не получилось - нижняя стрелка все та же... Возможно картинкой на after проще.

Шрифты у стрелок разные

outtime
На сайте с 04.05.2008
Offline
197
#4
dma84:
Шрифты у стрелок разные

Вот блин, спасибо, реально я тупой к вечеру становлюсь 😂

Все сделал.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий