我正在用 HTML 5 编写一个 Canvas 游戏,我想在 Canvas 上 float 一个 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;
}
所以这个想法是用户唯一看到的是长文本框,它只是出现在我的格式化 Canvas 环境中。
我是 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;
}
关于Jquery 对话框,更改文本字段大小和字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13510701/