CSS для кнопки работает на Chrome, но не на Safari - PullRequest
Новая
       32

CSS для кнопки работает на Chrome, но не на Safari

0 голосов
/ 14 сентября 2018

У меня возникла проблема со стилем кнопок. CSS отлично работает на Chrome, но не на Safari / Safari: https://prnt.sc/ku3bhl, Chrome: https://prnt.sc/ku3wjj / Вот код, который я использую / я в основном перезаписываю некоторые из его стилей, которые он получает из своего плагина: 

.popover-markup2215 button {
    background: #fff !important;
    border-radius: 0px !important;
    border-color: #111 !important;
    padding: 12px !important;
    margin-bottom: -177px !important;
    margin-left: 119px !important;
}

пример ссылки: https://graveren.mmcreaties.nl/product/iphone-7-telefoonhoesje-ontwerpen-zwart/

Ответы [ 2 ]

0 голосов
/ 14 сентября 2018

Как я вижу из инструментов разработчика, имя класса: .popover-markup2214, а не 2215, или, если класс изменяется динамически, попробуйте получить его следующим образом .cart .trigger.btn

0 голосов
/ 14 сентября 2018

Добавьте этот CSS.

вам нужно использовать -webkit-appearance

.single_add_to_cart_button {
    font-weight: 500 !important;
    text-transform: lowercase;
    border: 2px solid #796eff !important;
    box-shadow: 7px 7px 0 rgba(79, 84, 124, 0.4) !important;
    background: #796eff !important;
    background-image: none !important;
    width: 40%;
    border-radius: 50px;
    -webkit-appearance: none;
}
...