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
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
input {
border: none;
background-color: transparent;
resize: none;
outline: none;
}
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
input:focus {
outline: none;
}
</style>
</head>
<body>
<input type="text" placeholder="Click here to test" />
</body>
</html>