xxxxxxxxxx
<style>
input:focus {
outline: none;
/* or border: none; if you want to remove the border completely */
}
</style>
<!-- Example input element -->
<input type="text" placeholder="Enter text">
xxxxxxxxxx
input:focus {
outline: none;
box-shadow: none!important;
/*Sometime the blue border you see is from the box-shadow and removing box-shadow will remove the border*/
}
xxxxxxxxxx
.from_Input{
border: none;
outline:none;
}
.from_Input:active{
border: none;
outline:none;
}
xxxxxxxxxx
<input type="text" id="myInput" value="This is a focused input">
<button onclick="removeFocus()">Remove Focus</button>
<script>
function removeFocus() {
document.getElementById("myInput").blur();
}
</script>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
input:focus {
outline: none;
}
</style>
</head>
<body>
<input type="text" placeholder="Click here to test" />
</body>
</html>