javascript 如何在p5.js中设置多个CSS样式属性?

oalqel3c  于 2023-02-21  发布在  Java
关注(0)|答案(2)|浏览(137)

我试图让我的输入字段有黑色背景和白色文本,但我找不到任何文档的可能值input.style()可以采取。我目前正在尝试:

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

背景颜色可以,但是文本颜色不行。我遵循了参考文献中使用的相同语法,所以我不知道为什么。
另外,如果有人能指出文档中列出.style()所有可能参数的位置,我将不胜感激。

2lpgd968

2lpgd9681#

p5 style()函数只接受两个参数:属性名称和值。您正试图通过添加更多参数来设置其他属性,但无法执行此操作。您需要将此操作分成两行,并分别设置每个属性。

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

zzzyeukh2#

尝试对.style使用两个单独的调用,一个用于要设置的每个属性:

function setup() {
  noCanvas();
  const inp = createElement("input");
  inp.value("hello world");

  inp.style("background", "yellow");
  inp.style("color", "green");
  
  // or chained:
  inp
    .style("background", "yellow")
    .style("color", "green");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js"></script>

我更喜欢使用类和CSS样式表来设计样式,将表示和行为分离开来,这样可以更容易地将样式应用到许多元素上,而无需编写大量重复的JS:
一个一个二个一个一个一个三个一个一个一个一个一个四个一个
还要注意,关于命名输入input
p5.js says:你已经使用了一个p5.js的保留函数"input",确保你把函数名改成了别的。

相关问题