如何刪除dijit.form.dropDownButton中的向下箭頭圖標？

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; 刪除箭頭並重新調整按鈕的大小。 例如，您可以通過為div分配一個額外的類yourclass並構建一個並行的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 個解決方案

解決方案1
6 已采納 2011-11-03 07:19:27

如何刪除dijit.form.dropDownButton中的向下箭頭圖標？

問題描述

1 個解決方案

解決方案1 6 已采納 2011-11-03 07:19:27

解決方案1
6 已采納 2011-11-03 07:19:27