輸入欄位的部分樣式 問題: 是否可以應用不同的當用戶輸入時將樣式設定為輸入欄位值的特定部分文字? 答案: 遺憾的是,樣式無法選擇性地應用於輸入欄位的部分內容。 解決方法: 為了達到想要的效果,涉及多個元素的解決方案是 方法: 元素除法: 除法依插入將輸入欄位分為三個部分點: 之前:之前輸入的文字 編輯:目前輸入的文字 之後:插入後輸入的文字點 標記產生: 標記產生: 將輸入元素替換為類似於一個輸入欄位。 將原始輸入值拆分為提到的三個部分 將每個部分包裝在單獨的元素中(例如,跨度)。 事件處理: 使用事件偵聽器監視使用者輸入(例如,按一下、按鍵盤、 使用這些事件來辨識輸入值的三個部分。標記範例: