Forums / National / Russian / Тех. поддержка / Запросы документации

Принимаем вопросы от населения

Kabak
#46413 2023-04-08 08:09

вот этому тэгу нужно изменить внешний вид {USERS_AUTH_REMEMBER}   это чекбокс определённый в движке как $R['form_guest_remember'] = '<input type="checkbox" name="rremember" />';

можете здесь написать пример ? 

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

XML/XHTML
1
2
3
<div class="check_box_style">{USERS_AUTH_REMEMBER}
<div class="checkmark"></div>
</div>

css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
.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

XML/XHTML
1
2
3
4
<div class="loging_checkbox">
{USERS_AUTH_REMEMBER}
<div class="checkmark"></div>
</div>

понимаю что из-за  class="checkmark" видны оба 

где я туплю ?

This post was edited by Kabak (2023-04-08 08:23, 2 years ago)