我可以在javascript + html/css中做這個嗎? (圖)
所以基本上它的下拉與旁邊包含一個箭頭像它的按鈕,點擊該buttow顯然,當它打開一個下拉菜單。
我不知道如何做到這一點,如果它可以幫助我使用bootstrap,但我沒有看到任何可以幫助我的文檔。
任何幫助非常感謝。
我可以在javascript + html/css中做這個嗎? (圖)
所以基本上它的下拉與旁邊包含一個箭頭像它的按鈕,點擊該buttow顯然,當它打開一個下拉菜單。
我不知道如何做到這一點,如果它可以幫助我使用bootstrap,但我沒有看到任何可以幫助我的文檔。
任何幫助非常感謝。
你試過什麼?我意識到你在bootstrap文檔中沒有提供任何幫助,但我建議再次查看它。 http://getbootstrap.com/components/#dropdowns你甚至應該能夠複製和粘貼代碼,但也要確保你有正確的引導CSS和JavaScript文件/路徑。
是的,我看到了這一點,但我需要下拉按鈕來獲得自定義圖像,而不是默認的下拉菜單:) – user6073700
嘗試使用標記作爲圖像 –
看看這是否有幫助。
HTML
<select id="appearance-select">
<option disabled selected>Select...</option>
<option>First Option</option>
<option>Second Option</option>
<option>Third Option</option>
</select>
CSS
<style>
#appearance-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(http://www.mycityway.com/now/img/dropDownArrow.png) no-repeat #eeeeee;
background-position: 210px center;
width: 240px;
height: 30px;
border: 1px solid #ddd;
background-size: 28px;
padding-left: 10px;
}
</style>
啊是的,這是我一直在尋找什麼?我將如何改變它,使按鈕與下拉菜單有不同的背景?像這樣http://i.stack.imgur.com/U3P74.png 我已將無重複#eeeee更改爲我的顏色,但它完成了整件事,謝謝:) – user6073700
在這種情況下,箭頭是一個圖像。所以,如果你想使用i.stack.imgur.com/U3P74.png箭頭,你需要裁剪它,然後放在應用程序可以看到的位置(在線或本地),在**中更改此URL背景**屬性。此外,您還需要更改**背景大小**和**背景位置**屬性。 –
你想用JavaScript或HTML/CSS製作的? '
是的,你可以做到。我建議在Web編程上做一些基本的教程。 –
你有試過什麼嗎?如果您發佈了您嘗試過的某個示例,而不是要求人們爲您做這件事,它將幫助其他開發人員尋求幫助。 – loganfarr