HTML中的input按鈕是網頁開發中必不可少的一個元素。它可以用來提交表單,也可以作為操作按鈕。但是,有時候我們需要自定義按鈕的大小,以滿足特定的設計需求。這時候,就需要使用CSS來設置按鈕的大小了。
如果我們要設置input按鈕的大小,可以使用CSS的width和height屬性來實現。比如,我們想將一個按鈕的寬度設置為200px,高度設置為50px,可以這樣寫:
input[type="submit"] { width: 200px; height: 50px; }在上面的代碼中,我們使用了CSS的選擇器來選中了type屬性為submit的input按鈕,然后使用width和height屬性來設置按鈕的大小。這樣就可以將按鈕的大小設置為200px × 50px。 除了使用CSS的width和height屬性來設置按鈕的大小,還可以使用padding和margin屬性來調整按鈕的大小。比如,我們想將一個按鈕的高度設置為50px,但是不想固定它的寬度,可以這樣寫:
input[type="submit"] { height: 50px; padding: 0 20px; }在上面的代碼中,我們使用了padding屬性來設置按鈕的左右內邊距為20px,這樣按鈕的大小就變成了高度為50px,寬度自適應。 總之,使用CSS可以很容易地自定義input按鈕的大小,讓按鈕更好地適應不同的設計需求。