如何在 p5.js 中自定义下拉菜单答案

【问题标题】：How to customize dropdown in p5.js如何在 p5.js 中自定义下拉菜单
【发布时间】：2021-12-02 05:17:58
【问题描述】：

我曾尝试使用 .style() 方法提供 css，但它不起作用。所以请帮我定制并让它看起来更好

【问题讨论】：

【解决方案1】：

p5js 创建的<select> 元素没有什么特别之处。 .style() 函数适用于它们。所以不清楚你遇到了什么困难：

let sel;

function setup() {
  noCanvas();
  sel = createSelect();
  sel.position(10, 10);
  sel.option('foo');
  sel.option('bar');
  sel.option('baz');
  sel.style('background-color', 'orange');
  sel.style('border-radius', '3px');
  sel.style('width', '200px');
  sel.style('padding', '0.5em');
}

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"&gt;&lt;/script&gt;

浏览器不允许您为展开选择时出现的项目列表设置样式，因此如果您想进一步自定义外观，您需要进行一些广泛的 CSS 和 JavaScript 自定义。参见：https://www.w3schools.com/howto/howto_custom_select.asp 例如。

【讨论】：