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

.
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-1c2605c-32b16.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-1c2605c-32b16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?