xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
input:focus {
outline: none;
}
</style>
</head>
<body>
<input type="text" placeholder="Click here to test" />
</body>
</html>
xxxxxxxxxx
.from_Input{
border: none;
outline:none;
}
.from_Input:active{
border: none;
outline:none;
}
xxxxxxxxxx
input {
border: none;
background-color: transparent;
resize: none;
outline: none;
}
xxxxxxxxxx
input[type="text"] {
background-color: rgb(16,22,47);
font-family: "Quicksand", sans-serif;
color: white;
border: none;
border-bottom: 1px solid white;
}
input[type="text"]:focus {
outline: none;
}
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">