样式禁用dijits,因此只显示文本

时间:2012-08-06 09:49:25

标签: css dojo

也许你们中的一些人有使用造型Dojo dijits的经验。我要做的是覆盖正确的CSS类,因此禁用/只读取文本框类型的输入,组合框,过滤选择仅显示文本/选定值,没有元素的边框和灰色背景。

希望有人知道涉及哪些课程,或者想知道如何实现这一目标。

谢谢!

1 个答案:

答案 0 :(得分:2)

我认为dijitDisabled是您正在寻找的课程。我不确定你到底想要做什么,但是我用一个按钮做了这个简单的例子。它以我认为您正在寻找的方式显示启用按钮和禁用按钮。 Here is the running example in jsfiddle

以下是各个部分:

HTML:

<div id="btn"></div>
<div id="btnDisabled"></div>

CSS:

@import "http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css";


.dijitDisabled.dijitButtonDisabled .dijitButtonNode {
    background-image: none;
    border: none;
    background-color: transparent;
}

JS:

require(["dijit/form/Button"], function(Button) {
    var button = new Button({ label: "Enabled" },"btn");     
    var buttonDisabled = new Button({ label: "Disabled", disabled: true },"btnDisabled");         
});​

我假设道场1.7。

我希望它有所帮助,