在 web 開發(fā)中，經(jīng)常需要調(diào)整表單元素的樣式。但是有時(shí)候我們會(huì)發(fā)現(xiàn)默認(rèn)的 input 字體大小與頁面其他元素不協(xié)調(diào)，需要進(jìn)行調(diào)整。那么如何使用 CSS 來改變 input 的字體大小呢？

input {
font-size: 16px; /* 將字體大小設(shè)置為 16 像素 */
}

在上面的代碼中，我們通過設(shè)置 input 的 font-size 屬性為 16 像素來改變其字體大小。我們可以隨意設(shè)置所需的像素值，以滿足需求。

需要注意的是，有時(shí)候 input 的字體大小并不受 font-size 的屬性影響。這是因?yàn)橐恍g覽器會(huì)采用 user agent 的默認(rèn)樣式來渲染表單元素。要解決這個(gè)問題，我們可以添加 -webkit-appearance 屬性，將其值設(shè)為 none。

input {
font-size: 16px; /* 設(shè)置字體大小 */
-webkit-appearance: none; /* 取消默認(rèn)樣式 */
}

通過以上代碼，我們就可以成功地將 input 的字體大小改為了指定的值。