gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:53:06 25 4
gpt4 key购买 nike

我在我的应用程序中使用 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;删除箭头并重新调整按钮的大小。你可以覆盖它,例如,分配一个额外的类 yourclassdiv并构建一个并行的 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>
...

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

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

关于javascript - 如何删除 dijit.form.dropDownButton 中的向下箭头图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7990926/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com