Incorporating the icheck library into my project, I am eager to customize the checkbox size and add a border-radius to it.
After testing various methods, I haven't achieved the desired outcome yet.
Here is what I have tried:
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.rawgit.com/bantikyan/icheck-bootstrap/master/icheck-bootstrap.min.css" rel="stylesheet>
<style>
.c-radius{
border-radius:5px;
}
</style>
</head>
<body>
<div class="checkbox icheck-primary">
<input type="checkbox" checked id="primary" class="c-radius"/>
<label for="primary">Keep username same as email id</label>
</div>
</body>
</html>