如何删除dijit.form.dropDownButton中的向下箭头图标？

我在我的应用程序中使用dijit.form.dropDownbutton.但是,我想删除下拉按钮中的向下箭头图标.有办法吗？

首先,不要这样做.它就在那里,因为各种可用性约定 - 用户期望的东西.它将它们指向熟悉的功能,其中向下箭头图标表示下拉框.

其次,如果你选择忽略第一个建议,你可以继续这样做.按钮由(在claro主题的情况下)控制:

.claro .dijitArrowButtonInner {
    width: 15px;
    height: 15px;
    margin: 0 auto;
    background-image: url(form/images/buttonArrows.png);
    background-repeat: no-repeat;
    background-position: -51px 53%;
}

覆盖它并添加:display: none;删除箭头并重新调整按钮的大小.您可以通过覆盖它,例如,分配一个附加的类yourclass到div,建设并联机器人CSS层次:

.claro .yourclass .dijitArrowButtonInner {
    display: none !important;
}

所以在你的部分你有:

然后:

...
    

...

如果有一种比这更简单的编程方式 - 我不知道它.

编辑 也作为一个友好的建议,你应该尝试接受你的问题的答案,否则在某些时候没有人会回答你.