Javascript 为Dojo文本框定义CSS

我有一个带有内联样式的Dojo文本框，但是我想在外部css文件中为该项定义样式。我想知道什么类可以单独用于定义Dojo input=“text”元素的样式

我尝试过使用DijitReset和DijitInputner类，但这并不是只针对文本项的。下面是我正在使用的标记的示例

<input id="ltb" style="width: 50em;" data-dojo-type="dijit/form/TextBox" />

---

我不喜欢为标签使用内联css，因为我一直知道在进行模块化开发时这是一种不好的做法（您对此的想法也是如此。看到这是特定于Dojo框架的）

看看Dojo以及它是如何实现的

Dojo的原因（可能）是因为它们添加的类中充满了“！importants（现在我说‘他们’——这可能就是默认的clara主题）| |一些dojojavascript正在寻找它

.dijitInputInner {
   border: 0 !important;
   vertical-align: middle !important;
   background-color: transparent !important;
   width: 100% !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}

-通过chrome中的InSect工具，它表明事实上输入上的

id

保持不变，因此我们可以使用它

#ltb { width:50em; }
/* but we need to overide it */
#ltb.dijitReset, #ltb.dijitInputInner { width:5em !important; }

---

从中我们可以看到，我们还将与dojo容器的CSS进行斗争，这些容器被设置为

overlow:hidden

等

---

我不知道

clara

样式表使用importants的原因（我认为这是默认的dojo主题）-但是内联样式问题的答案是

• 使用内联样式（不要使用dojo）
• 或者更改dojo主题文件本身
• 或者使用

  创建我们自己的css overide！重要信息

• 或者是我在dojo有限的经验中从文档中缺少的东西

---

您可以开发工具/检查dojo创建的元素以查看dojo添加的类吗？我认为它是

#ltb{width:50em；}

在css文件中不起作用？@RobSedgwick no不起作用work@RobSedgwick它使用的类是DijitReset和dijitinputiner，它们也用于按钮，因此css定义的影响buttonshmm好（对不起，我在dojo上没有那么多）-将元素包装在span

*中如何？只是一些太大而无法发表评论的调查-如果您希望我在查看后删除此内容，以便答案仍然是“未回答的”，让我知道这很好，我不会接受它作为一个答案，但我想从其他人那里得到更多的反馈，但我可能最终会接受它，因为这是一个伟大的调查