使用Dojo设置以编程方式生成的组合框的样式

使用Dojo设置以编程方式生成的组合框的样式,dojo,Dojo,我想使用下面的dojo代码设置以编程方式生成的组合框的文本大小。宽度和高度有效,但字体大小无效 var cboState=新组合框({ id:“美国国家”, 名称:“美国国家”, 样式:{宽度:“100%”,高度:“40px”,字体大小:“20px”}, 占位符:“选择一个状态”, 商店:stateStore, searchAttr:“名称”, 自动完成:正确 });将fontsize更改为fontsize,它就会工作 var cboState = new ComboBox({

我想使用下面的dojo代码设置以编程方式生成的组合框的文本大小。宽度和高度有效,但字体大小无效

var cboState=新组合框({
id:“美国国家”,
名称:“美国国家”,
样式:{宽度:“100%”,高度:“40px”,字体大小:“20px”},
占位符:“选择一个状态”,
商店:stateStore,
searchAttr:“名称”,
自动完成:正确

});
fontsize
更改为
fontsize
,它就会工作

var cboState = new ComboBox({
                          id: "usastate",
                          name: "usastate",
                          style:{width: "100%", height: "40px", fontSize: "20px"},
                          placeholder: "Select a State",
                          store: stateStore,
                          searchAttr: "name",
                          autocomplete: true
});
或者,您也可以将
样式作为字符串传递:

var cboState = new ComboBox({
                          id: "usastate",
                          name: "usastate",
                          style:"width: '100%'; height: '40px'; font-size: '20px'",
                          placeholder: "Select a State",
                          store: stateStore,
                          searchAttr: "name",
                          autocomplete: true
});

fontsize
更改为
fontsize
,它就会工作

var cboState = new ComboBox({
                          id: "usastate",
                          name: "usastate",
                          style:{width: "100%", height: "40px", fontSize: "20px"},
                          placeholder: "Select a State",
                          store: stateStore,
                          searchAttr: "name",
                          autocomplete: true
});
或者,您也可以将
样式作为字符串传递:

var cboState = new ComboBox({
                          id: "usastate",
                          name: "usastate",
                          style:"width: '100%'; height: '40px'; font-size: '20px'",
                          placeholder: "Select a State",
                          store: stateStore,
                          searchAttr: "name",
                          autocomplete: true
});

嗯,我已经添加了运行示例。以及添加的自定义样式

需要([
“dojo/store/Memory”、“dijit/form/ComboBox”、“dojo/domReady!”
],函数(内存,组合框){
var stateStore=新内存({
数据:[
{姓名:“阿拉巴马州”,id:“AL”},
{姓名:“阿拉斯加”,id:“AK”},
{名称:“美属萨摩亚”,id:“AS”},
{姓名:“亚利桑那州”,id:“亚利桑那州”},
{姓名:“阿肯色州”,id:“AR”},
{名称:“欧洲武装部队”,id:“AE”},
{姓名:“太平洋武装部队”,id:“AP”},
{姓名:“美洲武装部队”,id:“AA”},
{姓名:“加利福尼亚”,id:“CA”},
{姓名:“科罗拉多”,id:“CO”},
{姓名:“康涅狄格州”,id:“CT”},
{姓名:“特拉华州”,id:“德”}
]
});
var comboBox=新组合框({
id:“美国国家”,
名称:“美国国家”,
样式:{宽度:“200px”,高度:“28px”,字体大小:“20px”},
占位符:“选择一个状态”,
商店:stateStore,
searchAttr:“名称”,
自动完成:正确
},“stateSelect”).startup();
});

好吧,我添加了运行示例。以及添加的自定义样式

需要([
“dojo/store/Memory”、“dijit/form/ComboBox”、“dojo/domReady!”
],函数(内存,组合框){
var stateStore=新内存({
数据:[
{姓名:“阿拉巴马州”,id:“AL”},
{姓名:“阿拉斯加”,id:“AK”},
{名称:“美属萨摩亚”,id:“AS”},
{姓名:“亚利桑那州”,id:“亚利桑那州”},
{姓名:“阿肯色州”,id:“AR”},
{名称:“欧洲武装部队”,id:“AE”},
{姓名:“太平洋武装部队”,id:“AP”},
{姓名:“美洲武装部队”,id:“AA”},
{姓名:“加利福尼亚”,id:“CA”},
{姓名:“科罗拉多”,id:“CO”},
{姓名:“康涅狄格州”,id:“CT”},
{姓名:“特拉华州”,id:“德”}
]
});
var comboBox=新组合框({
id:“美国国家”,
名称:“美国国家”,
样式:{宽度:“200px”,高度:“28px”,字体大小:“20px”},
占位符:“选择一个状态”,
商店:stateStore,
searchAttr:“名称”,
自动完成:正确
},“stateSelect”).startup();
});


感谢Himanshu的回复。对不起,这两个都不适合我?这是JSFIDLE项目。-在你的帖子中,第一种方法有效,但第二种方法无效。但它们都不在我的开发盒中工作。这个功能是特定于版本的吗?我不认为它是特定于版本的。我就是想不出为什么上面的任何一种方法都不适合你。这些都是很基本的东西。谢谢希曼殊的回复。对不起,这两个都不适合我?这是JSFIDLE项目。-在你的帖子中,第一种方法有效,但第二种方法无效。但它们都不在我的开发盒中工作。这个功能是特定于版本的吗?我不认为它是特定于版本的。我就是想不出为什么上面的任何一种方法都不适合你。这些都是很基本的东西。你有没有试着在下面加上答案。。