輸入框的樣式：
.inputBox {
font-size: 5rem;
background-color: red;
}
字體大小使輸入改變它的高度，但只有當我點擊頁面上的某個地方時，字符才會更大。至于顏色，只有當我開始在輸入框中輸入時它才會變為紅色。
在我的 jsx/html 中，我創建了一個自定義輸入組件，但它不應該與錯誤相關：
export default function Input({ type, id, style, className }) {
return (
<input type={type} id={id} className={clsx(classes.inputBox, className)} />
);
}
輸入框在這里呈現：
<div>
<label htmlFor="password">Password</label>
<Input type="password" id="password" />
</div>
提前致謝
uj5u.com熱心網友回復：
我認為你在 CSS 中使用了錯誤的選擇器，你的輸入有一個密碼 ID，而不是一個 inputBox 類，所以只需像這樣制作 CSS：
#password {
font-size: 5rem;
background-color: red;
}uj5u.com熱心網友回復：
突然開始作業了，我發誓我什么都沒做，可能是Chrome瀏覽器的問題，謝謝大家的幫助
uj5u.com熱心網友回復：
當您在輸入元素上應用 :focus 偽類時，有時會發生這種情況。也許它在您的 CSS 中意外設定。再次回顧你的風格。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/450513.html
上一篇：陣列在ReactJS中洗牌
下一篇：如何進行分頁？