Mixing the images would be confusing, so keep it consistent. Colour it black or grey - something to indicate neutrality, and the up ones green an the down ones red (or vv if that makes more sense). This means that for most people, they can look at the screen and identify the predominant colour showing easily, and get a very quick overview.

When pressing Up Arrow or Down Arrow drop downs stay closed in web pages on Chrome, Firefox and IE9, and in those browsers settings dialogs. However, in Firefox and IE pressing Alt+Up Arrow or Alt+Down Arrow opens the drop down for web pages and settings dialogs.

2016年7月9日 · In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details.

2013年1月30日 · The user can increase and decrease the number by clicking the up and down arrows, by pressing the UP and DOWN ARROW keys, or by typing a number in the text box part of the control. Clicking the UP ARROW key moves the number toward the maximum; clicking the DOWN ARROW key moves the number toward the minimum.

2017年5月22日 · In the case of a drop-down, it doesn't make any difference which icon you are going to use, as long as it delivers the message that it is a drop-down. Both of what you have shown work since they are quite commonly used. Try to keep it consistent with the whole system.

2019年12月17日 · We have a sort selection dropdown list with around 6 options. We'd like the user to be able to specify the direction of the sort. Is adding up/down arrows like this intuitive? In looking at other sites, it's common to see the sort direction within the options themselves (e.g., "Price (lowest to highest)", "Price (highest to lowest)", etc.)

2018年5月4日 · The button gives hints to the user about the action it engenders. In the second option, the facing down arrow tells the users there is more to see under it ; so that's more logical. Respectively, the facing up arrow button tells the user to collapse to the top the expanded panel (indicates the direction).

2021年8月31日 · Mac OS X calls the one shown here, with two arrows, a pop-up button, whereas the "traditional" one with just one arrow is called a pull-down button. However, the picture shown in the OP question is slightly different from this, and is probably indeed a sort button, instead, allowing you to sort by name ascending, descending, etc.

2022年12月24日 · When we put that into a scrollable container, the down arrow moves down (towards later values), and the up arrow moves up (towards earlier values). "Increasing" and "decreasing" a month is a computer-programmer way of thinking about things, while moving "earlier" and "later" through time, presented as a list of hours, days, and months, is more ...

2016年3月15日 · You will need a little logic so that the first record only has a working down button, and the last record only has a working up button. You can either grey out the inactive buttons for the first/last records, or even better hide the inactive buttons, e.g. the first record only has a down button and the last record only has an up button.