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

我在我的应用程序中使用了dijit.form.dropbuttonton。但是，我想要删除下拉按钮中的向下箭头图标。有没有办法做到这一点？如何删除dijit.form.dropDownButton中的向下箭头图标？

2011-11-03 Bob

首先，不要这样做。这是因为各种可用性惯例 - 用户期望的东西。它指向他们熟悉的功能，其中向下箭头图标表示下拉框。其次，如果你选择忽略第一个建议，你可以继续做下去。所述按钮由（在克拉罗主题的情况下）来控制：

.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; 
}

让你<head>一部分，你必须：

<style> 
    .claro .yourclass .dijitArrowButtonInner { 
     display: none !important; 
    } 
</style>

，然后：

<body class=" claro "> 
... 
    <div id="dropdownButtonContainer" class="yourclass"></div> 
...

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

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

来源

2011-11-03 07:19:27 ZenMaster

谢谢你的帮助。我想删除箭头的原因是我使用dropdownbutton来显示我的表单项目的描述。每个表单项旁边都有箭头并不好看。（因为我是道场新手，我还没有想出其他简单的描述方法。）同样感谢你接受答案的友好建议。我只是想出了如何去做。 – Bob

非常有用thx。 – OammieR

@ZenMaster：我同意这应该避免，但有时我们有自定义图标需要做到这一点（创建主题可能太多，一小组图标）。 – 0xc0de

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

回答

相关问题