Question

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

Answer 1

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

其次，如果您选择忽略第一个建议，您可以继续执行。按钮由（在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>
...

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

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

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

1 个答案: