HTML input button css-height not working on Safari and Chrome

后端 未结 4 686
傲寒
傲寒 2020-12-13 18:28

I have a very basic question. I am setting height to 50px for my html form submit button. It works on Firefox but not Chrome nor Safari. The code is as simple as following:<

4条回答
  •  予麋鹿
    予麋鹿 (楼主)
    2020-12-13 19:18

    Adding to Şήøωў's (upvoted)answer:

    @ Safari 11.0.2 (13604.4.7.1.3) @ macOS 10.13.2 (17C88)
    e.g.

    input[type=button]{
      -webkit-appearance: button;
    }
    

    solved my issue (of only -size of mostly [-webkit-]font-* having very limited effect);
    overriding "User Agent Stylesheet":

    input:matches([type="button"], [type="submit"], [type="reset"]){
      -webkit-appearance: push-button;
    }
    

提交回复
热议问题