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

How to remove down arrow icon in dijit.form.dropDownButton?

本文关键字：图标 删除 dijit form dropDownButton      更新时间：2023-09-26

我在我的应用程序中使用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;
}

所以在你的<head>部分你有:

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

然后:

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

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

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

相关文章：