0

Why is the button smaller than the search box?

.class1{
height:50px;
}
.class2{
    height:50px;
}
Why is the button smaller than the search box?

<input type="text"class="class1">
<input type="submit"class="class2">
Why is the button smaller than the search box?
Temani Afif
  • 245,468
  • 26
  • 309
  • 415
  • on my device (firefox desktop) the button appear bigger then than search box. – Beeno Tung Jan 31 '21 at 14:24
  • 1
    different browser has different layout by default, if you want absolute control over the appearance, don't leave the width, height, margin, padding, and border unspecified. Or, consider to use an UI framework like material design button / ionic button / bootstrap button – Beeno Tung Jan 31 '21 at 14:25
  • Can you assign an example where the button and the search box are the same size? –  Jan 31 '21 at 14:42
  • Does this appear to have same height on your device? https://codesandbox.io/s/elated-black-gv3it – Beeno Tung Jan 31 '21 at 16:13
  • answer will be use box-sizing:border-box; thanks help. –  Feb 15 '21 at 22:53

0 Answers0