Сообщений в теме: 8

[registr]

здесь https://kupikanken.ru/при выборе цвета в кружке появляется аккуратненький белый цвет, а у меня на http://mobackpack.portall.com.ua/#shop не хочет, перепробовал массу вариантов, но увы, умения не хватает, подскажите плиз, как правильно прописать чтоб у активного цвета появился этот белый кружок маленький, но и цвет вокруг него тоже остался?

Сообщение отредактировал registr: 06 January 2017 - 12:42

[Vseprosto]

Самое простое наверное привязаться к классу checked у label и добавить афтер или бефор а дальше все через стили

[Vseprosto]

Или же просто заменить стандартную "галочку"

[registr]

ну вот с сайта-исходника код взял, подправил:

.jbcolor-label.checked div {
    background-image:none!important;
}
#jbcolor-239749 .jbcolor-label{
 position:relative;
}
#jbcolor-239749 .jbcolor-label:checked::after{
    content: '';
    background-color: #fff;
    width: 14px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
}
 

но не вышло, уже и не знаю как еще пробовать

[Vseprosto]

.jbcolor-label:checked зачем двоеточие?

и зачем вы привязываетесь к id? просто к классу jbzoo-colors

[Vseprosto]

http://htmlbook.ru/samcss/klassy

[registr]

да это уже после массы проб и вариантов, возможно запутался напрочь, подскажите, плиз - что там неправильно и как должно быть, уже и правда - запутался

[Ёшкин Кот]

.jbzoo .jbcolor-input:checked + label div:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    margin: 0;
}

На скорую руку как то так..  криво, зато работает.

[registr]

.jbzoo .jbcolor-input:checked + label div:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    margin: 0;
}

На скорую руку как то так..  криво, зато работает.

 

Заработало просто отлично! Спасибо огромное!!!!