<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
h3
>
Onsen UI CSS Components No border
Checkbox in List Item
</
h3
>
<
ul
class
=
"list"
>
<
li
class
=
"list-item list-item--tappable"
>
<
div
class
=
"list-item__left"
>
<
label
class
=
"checkbox checkbox--noborder"
>
<
input
id
=
"abc1"
type
=
"checkbox"
class="checkbox__input
checkbox--noborder__input">
<
div
class="checkbox__checkmark
checkbox--noborder
checkbox--noborder__checkmark">
</
div
>
</
label
>
</
div
>
<
label
for
=
"abc1"
class
=
"list-item__center"
>
Java
</
label
>
</
li
>
<
li
class
=
"list-item list-item--tappable"
>
<
div
class
=
"list-item__left"
>
<
label
class
=
"checkbox checkbox--noborder"
>
<
input
id
=
"abc2"
type
=
"checkbox"
class="checkbox__input
checkbox--noborder__input"
checked>
<
div
class="checkbox__checkmark
checkbox--noborder
checkbox--noborder__checkmark">
</
div
>
</
label
>
</
div
>
<
label
for
=
"abc2"
class
=
"list-item__center"
>
Python
</
label
>
</
li
>
<
li
class
=
"list-item list-item--tappable"
>
<
div
class
=
"list-item__left"
>
<
label
class
=
"checkbox checkbox--noborder"
>
<
input
id
=
"abc3"
type
=
"checkbox"
class="checkbox__input
checkbox--noborder__input"
checked disabled>
<
div
class="checkbox__checkmark
checkbox--noborder
checkbox--noborder__checkmark">
</
div
>
</
label
>
</
div
>
<
label
for
=
"abc3"
class
=
"list-item__center"
>
Disabled
</
label
>
</
li
>
</
ul
>
</
center
>
</
body
>
</
html
>