Input notes are highly inconsistent

question scenario: in making a tool similar to the search bar, two input boxes are used
question: two boxes (one type = "text", and the other type =" button") have different heights
without setting any relevant height:
Code is

-sharpcreate {
  margin-bottom: 1rem;
}
-sharpcreate input {
  font-size: 1.4rem;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

the picture is:

clipboard.png

clipboard.png

type=textinputtype=buttonheightline-height:
:


:

clipboard.png

clipboard.png
I don"t know why this happens

Jan.25,2022

problems caused by not resetting default styles. You can see the corresponding default styles in dev-tool, which can be viewed and modified.
it is recommended that projects introduce reset.css or normalize.css to reset all basic styles, so that similar problems can be avoided


  

type=button. If the situation is different, you need to write styles separately.

Menu