下記のdojoコードを使用して、プログラムで生成されたコンボ・ボックスのテキスト・サイズを設定します。幅と高さは機能しますが、フォントサイズは動作しません。助けてください。 fontSizeへdojoを使用してプログラムで生成されたコンボ・ボックスのスタイルを設定する
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
});変更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
});
それとも、あなたはまた、文字列としてstyleを渡すことができます。
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
});
感謝ヒマンシュを追加しようとしました。申し訳ありませんが、どちらも私のために働いたのですか？ –
まあ、それは変です。あなたのコードを投稿してください。 – Himanshu
ここはjsFiddleプロジェクトです。 - https://jsfiddle.net/wgsl2005/Ld3zkerv/7/あなたの投稿の最初の方法は働いたが、2番目の方法はうまくいかなかった。しかし、どちらも私の開発ボックスで動作しません。この機能のバージョンは特定ですか？ –
まあ、私はサンプルを実行している追加されました。カスタムスタイルが追加されました。
require([
"dojo/store/Memory", "dijit/form/ComboBox", "dojo/domReady!"
], function(Memory, ComboBox){
var stateStore = new Memory({
data: [
{name:"Alabama", id:"AL"},
{name:"Alaska", id:"AK"},
{name:"American Samoa", id:"AS"},
{name:"Arizona", id:"AZ"},
{name:"Arkansas", id:"AR"},
{name:"Armed Forces Europe", id:"AE"},
{name:"Armed Forces Pacific", id:"AP"},
{name:"Armed Forces the Americas", id:"AA"},
{name:"California", id:"CA"},
{name:"Colorado", id:"CO"},
{name:"Connecticut", id:"CT"},
{name:"Delaware", id:"DE"}
]
});
var comboBox = new ComboBox({
id: "usastate",
name: "usastate",
style:{width: "200px", height: "28px", fontSize: "20px"},
placeholder: "Select a State",
store: stateStore,
searchAttr: "name",
autocomplete: true
}, "stateSelect").startup();
});<script data-dojo-config="async: 1"
src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css" media="screen">
<body class="claro">
<input id="stateSelect">
</body>これがお手伝いします:)
を望んuが...答えの下に追加あなたの応答のための –