Answers for "html input prevent rounded corners on focus"

css input border radius focus

/* the outline is square on focus to change do this*/
.my_input {
  border: 1px solid blue;
  border-radius:3px;
}
.my_input:focus {
  outline: none;
}

how to make focus outline round in html

input:focus {
	outline: none;
  	border: 1px solid blue;
  	border-radius: 10px;
}