Удалить эффект выделения в команде ввода

Question

Я хочу иметь границы для моего поля ввода, но мне не нужны дополнительные границы при его выборе.Я имею в виду, что перед выбором поля оно идеально, но когда вы выбираете его, появляются некоторые границы.я не хочу ихВы видите, что происходит, когда я нажимаю на поле:

Выбор

Я хочу, чтобы мое поле оставалось таким, каким оно было до нажатия на него

Answer 1

На изображении, с которым вы связаны, я предполагаю, что в нижней части отображается ввод, как вы хотите, чтобы он был представлен, только с синей нижней границей.И что в верхней части отображается ввод с синей верхней, правой и левой рамками, который появляется, когда вы щелкаете внутри ввода, чтобы ввести его.

Если это так, вы можете просто применить следующий CSSна ваш вход:

input {
  border-top: none;
  border-right: none;
  border-left: none;
}