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

我在我的應用程序中使用了dijit.form.dropbuttonton。但是，我想要刪除下拉按鈕中的向下箭頭圖標。有沒有辦法做到這一點？如何刪除dijit.form.dropDownButton中的向下箭頭圖標？

2011-11-03 Bob

首先，不要這樣做。這是因爲各種可用性慣例 - 用戶期望的東西。它指向他們熟悉的功能，其中向下箭頭圖標表示下拉框。其次，如果你選擇忽略第一個建議，你可以繼續做下去。所述按鈕由（在克拉羅主題的情況下）來控制：

.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> 
...

如果有一種比這更簡單的編程方式 - 我不知道它。

編輯也作爲一個友好的建議，你應該嘗試並接受你的問題的答案，否則，在某些時候，沒有人會回答你。

來源

2011-11-03 07:19:27 ZenMaster

謝謝你的幫助。我想刪除箭頭的原因是我使用dropdownbutton來顯示我的表單項目的描述。每個表單項旁邊都有箭頭並不好看。（因爲我是道場新手，我還沒有想出其他簡單的描述方法。）同樣感謝你接受答案的友好建議。我只是想出瞭如何去做。 – Bob

非常有用thx。 – OammieR

@ZenMaster：我同意這應該避免，但有時我們有自定義圖標需要做到這一點（創建主題可能太多，一小組圖標）。 – 0xc0de

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

回答

相關問題