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.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3f1cb-2c474.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3f1cb-2c474.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?