Good Day,
kindly i'm trying to add an HTML scroll-able box inside the registration form to hold the terms & conditions text instead of a link to redirect to another page, i want the T&C to be embedded in the same page as the form.
how it can be possible to achieve that?
HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>My Example</title>
<!-- CSS -->
<style>
/* Force scrollbars onto browser window */
body {
margin-bottom: 200%;
}
/* Box styles */
.myBox {
border: none;
padding: 5px;
font: 12px/16px sans-serif;
width: 250px;
height: 200px;
overflow: scroll;
}
/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
border: 1px solid grey;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: grey;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #4c62db;
}
</style>
</head>
<body>
<!-- HTML -->
<div class="myBox">
sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions sample terms and conditions
</div>
</body>
</html>
Regards,
