DAT GUI - 调整输入字段的大小

Question

我正在使用Dat Gui将菜单系统添加到我的应用程序中。

我的html代码中有这个：

<script src="js/dat.gui.js"></script>
<link type="text/css" rel="stylesheet" href="js/dat-gui-style.css">

在dat-gui-style.css文件中我有这个：

.dg .c input[type=text] { width: 350px; }

这允许我为菜单系统中的输入字段设置自定义宽度。这几乎就是我想要实现的目标。但是，它只适用于全球。我希望能够从我的js代码中动态控制输入字段的width属性。

我试过了：

guiTest = new dat.GUI({ autoPlace: false });

for (i = 0; i < theMenu.paramNames.length; i++)
{
    guiTest.add(theMenu, theMenu.paramNames[i]);
    guiTest.__controllers[0].domElement.style.width = '350px';
}

但它似乎不起作用。

有谁知道怎么做？

Answer 1

如果domElement实际上是Element的实例，那么您的语法应为

guiTest.__controllers[0].domElement.style = 'width:350px';