我正在用HTML 5编写Canvas游戏，我想在div上浮动一个div，以便用户可以在框中输入其名称，然后游戏会捕获它。
我已经完成了这项工作，但我不知道如何实际更改用户键入的框的文本大小，字体和长度。
我的JS如下：
$("#menuBox").dialog({
resizable : false,
position : [30,30],
minHeight : 100,
minWidth : 10,
height : 200,
width : 500
});
在身体里
<body>
<div id="wrapper">
<div id="container">
<div id="menuBox" style="display:none">
<form action="POST"> <input type="text" /></form>
</div>
</div>
</body>
和CSS
#wrapper{
position: relative;
left:10px;
top:10px;
}
#container{
position: absolute;
left: 0px;
top: 0px;
background-image: url("Main.jpg");
height: 540px;
width: 900px;
}
div.ui-dialog div.ui-widget-header {
border: none;
display: none;
}
.ui-dialog .ui-dialog-content {
border: none;
padding: 0;
}
.ui-dialog {
width: 500px;
padding: 0;
}
因此，该想法是用户唯一看到的是长文本框，它仅出现在我格式化的画布环境上。
我是JQuery的新手（这就是为什么第一位仍然不是JQuery的原因），所以我什至不确定我想要什么。如果我想使字体大小为20，Tomoha和输入框为300px长，我看不到要输入的位置，即使可以实现也是如此，因为.dialog中的参数似乎并没有改变该输入字段。有什么建议吗？
谢谢阅读。
最佳答案
如果问题仅在于更新对话框内容的样式，则可以提及特定的父ID或类，如下所示。
如果仍然不能解决问题，那么如果可以向我展示由jQuery生成的对话框html代码，最好提供快速的解决方案。
#menuBox .ui-dialog-content {
font-size:20px;
font-family:Tomoha;
}
#menuBox .ui-dialog-content input {
max-width: 320px;
width: 300px;
}