Please help how to remove css inside of div tag?

I tried with below code for removing css for the input type inside the div tag. but its now working. 

```
<style>

.removeInputBorder {
    border: none
}
</style>
</head>
<body>

<button onclick="myFunction()">Try it</button>
<div id="myDIV" >
This is a DIV element.
<input type="text" value="shakeer"  class="removeInputBorder"/>
</div>

<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.remove("removeInputBorder");
}
</script>

```