Принимаем вопросы от населения
| Kabak |
|
|---|---|
|
вот этому тэгу нужно изменить внешний вид {USERS_AUTH_REMEMBER} это чекбокс определённый в движке как можете здесь написать пример ? так вот почему-то видны и оригинальная версия чекбокса версия и новая
<div class="check_box_style">{USERS_AUTH_REMEMBER}
<div class="checkmark"></div>
</div>
css
.check_box_style input {
position: absolute;
cursor: pointer;
height: 0;
width: 0;
display: block;
position: relative;
cursor: pointer;
font-size: 20px;
user-select: none;
}
/* Create a custom checkbox */
.checkmark {
position: relative;
top: 0;
left: 0;
height: 1.3em;
width: 1.3em;
background: #606062;
border-radius: 5px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.30), 0px 1px 1px rgba(0,5);
}
/* When the checkbox is checked, add a blue background */
.check_box_style input:checked ~ .checkmark {
background-image: linear-gradient(#b9e9b3,#a8e4a0)
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.check_box_style input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.check_box_style .checkmark:after {
left: 0.45em;
top: 0.25em;
width: 0.25em;
height: 0.5em;
border: solid white;
border-width: 0 0.15em 0.15em 0;
transform: rotate(45deg);
}
TPL
<div class="loging_checkbox">
{USERS_AUTH_REMEMBER}
<div class="checkmark"></div>
</div>
понимаю что из-за class="checkmark" видны оба
где я туплю ? Dit bericht is bewerkt door Kabak (2023-04-08 08:23, 2 jaren ago) |