如何在p5.js中为输入框设置多个CSS样式属性？

问题原因与解决方案 #

你当前调用input.style()的参数格式不符合该方法的预期规则。多数前端库的样式设置方法在处理多属性时，要么接受单个样式对象，要么需要分多次调用：

1. 传入样式对象（推荐）

input.style({
  'background-color': "#121212",
  'color': "#EEE"
})

2. 分多次调用方法

input.style('background-color', "#121212")
input.style('color', "#EEE")

官方文档查找方向 #

你使用的style()并非原生DOM API（原生DOM元素的style是对象，需通过input.style.color = "#EEE"这类方式赋值），所以它应该是你当前使用的前端UI库/框架提供的封装方法：

• 若使用jQuery：实际对应的是.css()方法，可查看jQuery官方文档中CSS操作模块的说明，该方法支持多属性设置
• 若使用Vue/React组件库（如Element UI、Ant Design等）：直接查看对应组件库的Input组件API文档，其中会明确样式设置的参数规则
• 若使用其他前端库：查找该库官方文档中「元素样式操作」相关的章节

内容的提问来源于stack exchange，提问作者03kkim