代码之家 › 专栏 › 技术社区 › peirix

将CSS应用于dijit按钮

dojo css

peirix · 技术社区 · 14 年前

我有以下HTML和CSS:

<button id="myBtn" dojoType="dijit.form.Button">Testing</button>

#myBtn {
    margin-left: 100px;
}

CSS应该按下按钮 100px . 但自从 dijit 在按钮周围应用一些额外的HTML层,按钮 100px 衬垫。

编辑: 找到一个(不兼容IE6)解决方案:

[widgetid=myBtn] { margin-left: 100px; }

4 回复 | 直到 13 年前

peller 14 年前

请参见上面的:-)用一个DIV环绕并在静态CSS中使用该DIV。

我认为用HTML进行装饰实际上可能比试图将更多内容烘焙到小部件或小部件的模板中更简单。

Brian Mathews 13 年前

不要按ID应用样式,而是通过类来实现。

样式表:

.myBtn { margin-left: 100px; }

代码:

<button class="myBtn" dojoType="dijit.form.Button" id="myBtn">Testing</button>

2ndkauboy 14 年前

在这种情况下,您不应该将左边距添加到按钮本身,而是添加到创建按钮周围的附加HTML A中。试试这个:

.dijitLeft{
    margin-left: 100px;
}

但这确实会给每个按钮增加一个空白。如果您不想这样做,请在创建额外的HTML之后使用javascript将边界添加到父范围中。

Rajkamal Subramanian 13 年前

内联样式正在工作。

<button id="myBtn" dojoType="dijit.form.Button" style="margin-left:100px">Testing</button>

推荐文章

Onsokumaru · Dojo:第二次放置同一个dom节点在IE11上不起作用

7 年前

Jeremy Swagger · 返回值Jasmine的延迟对象

7 年前

NIV · dojo中源和目标之间的差异

7 年前

CommittedEel · 使用dojo淡入/淡出文本和循环

7 年前

kenbuja · 将项目添加到Dojo Select dijit的顶部,但无法选择第二个项目

7 年前

nanj · Dojo工具包-如何使用按钮更改表列的颜色?

7 年前

STEEL · chrome.runtime.onMessage。内容脚本中未定义addListener

7 年前

NealWalters · Dojo themePreviewer卡在“加载…”

7 年前

S.Lishanth · 在增强的网格视图上应用自定义排序时,使用dojo将类添加到现有类中

7 年前

Gena · PopupMenuBarItem中的项目对齐

8 年前