如何在p5.js中自定义下拉列表

Question

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

Answer 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');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>

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