Как изменить css кнопки AfterShip?

49
4

Я использую кнопку кнопки AfterShip, и я хочу изменить значение по умолчанию css, служба дает мне iframe, могу ли я изменить эти настройки css?

Здесь вы можете увидеть кнопку по умолчанию для кнопки
https://www.aftership.com/features/track-button

Есть идеи?

спросил(а) 2017-08-29T10:43:00+03:00 2 года, 6 месяцев назад
1
Решение
-4

Вы не можете манипулировать iframe. Если бы я был на вашем месте, и изменение стиля кнопки было обязательным, я бы "обманул" мой путь в поле html с стилем, который вы хотите над кнопкой iframe (спрятать). Затем вы можете добавить pointer-events:none к вашему элементу, поэтому кнопка iframe ниже будет доступна для кликов.

здесь у вас есть пример с вашим iframe:

#as-container-150399376720884 {
position:relative;
}
.myButton {
height:48px;
width:126px;
background-color:red;
color:#fff;
text-align:center;
line-height:48px;
pointer-events:none;
position:absolute;
left: 375px;
top: 0px;
}
<div id="as-container-150399376720884" style="width: 100%; height: 64px;">
<iframe id="as-150399376720884" frameborder="0" scrolling="no" src="https://button.aftership.com/button_widget.html?&size=large&id=150399376720884&slug=&width=500px&hide_tracking_number=false&tracking_number=&responsive=true&origin=https%3A%2F%2Fwww.aftership.com%2Ffeatures%2Ftrack-button&domain=track.aftership.com"
style="width: 100%; overflow: hidden; border: 0px; max-width: 500px; height: 64px;"></iframe>
<div class="myButton">MY button</div>
</div>

ответил(а) 2017-08-29T11:00:00+03:00 2 года, 6 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема