jquery对话框，更改文本字段的大小和字体

我在HTML 5中编写了一个Canvas游戏，我想将一个div浮在画布上，以便用户可以将其名称输入框中并且游戏捕获它。。jquery对话框，更改文本字段的大小和字体

我有这个工作，但我不知道如何真正改变框的文本，字体和长度尺寸的用户类型

我的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中的参数似乎不会改变那个输入字段。有什么建议？

感谢您的阅读。

来源

2012-11-22 Craigeve

如果问题只是更新对话框内容的样式，您可以提到特定的父ID或类，如下所示。

如果这样做没有解决，如果您可以向我展示由jQuery生成的对话框html代码，则最好提供快速解决方案。

#menuBox .ui-dialog-content { 
    font-size:20px; 
    font-family:Tomoha; 
} 
#menuBox .ui-dialog-content input { 
    max-width: 320px; 
    width: 300px; 
}

来源

2012-11-22 11:01:40

完美，我没有意识到你可以将输入添加到.ui-dialog-content>一旦我完成了并设置了所有属性，我就可以做任何我想做的事情。非常感谢！ – Craigeve

做你tryed类似：

？

或CSS：你需要使用!important到ovveride规则，即：

.dialog{ 
width:300px !important; 
}

来源

2012-11-22 10:37:35 sbaaaang

是的，两者都是它自己的，并且在初始对话框调用结束时添加为.css。我不确定您是否可以在用户输入文字的地方实际修改“白盒”。 – Craigeve

用户如何提交文本？你可以显示一些代码或jsfiddle吗？ – sbaaaang

好吧，我现在很困惑。我在jsfiddle中敲了一个简单的例子，它在那里工作，但代码不在我的大型程序中，但它的行也一样！ http://jsfiddle.net/KhhH4/28/ – Craigeve

通用的答案：使用浏览器的DOM检查功能，以可视化的对话框的结构，然后用这些知识来构建所需的CSS选择。我推荐看w3schools CSS selector reference。

来源

2012-11-22 10:40:41

jquery对话框，更改文本字段的大小和字体

回答

相关问题