我在我的应用程序中使用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>
...
如果有一种比这更简单的编程方式 - 我不知道它.
编辑 也作为一个友好的建议,你应该尝试接受你的问题的答案,否则在某些时候没有人会回答你.
| 归档时间： |
|
| 查看次数： |
3922 次 |
| 最近记录： |