Why is the input height not valid?

as shown in the question

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            ul,li{
                margin:0;
                padding:0;
            }
            li{
                list-style:none;
                border:1px solid  -sharpccc;
                padding:20px 10px;
                margin-bottom:20px;
            }
            input{
                display:block;
                margin:0 auto;
                width:100px;
                height:50px;
                
            }
        </style>
    </head>
    <body>
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
        <input type="button" id="" value="" />
    </body>
</html>
Css
Feb.28,2021

input height is in effect. There is no problem


button has padding by default. The height you present now is


input

.
Menu