Text box number - how to display up/down arrows

Just to be clear. I was demonstrating how to remove the little tiny arrows that appear in some browsers in the TextBox component.

The reason I removed them was because they don’t appear in all browsers.

Thus, if you want arrows you can build your own custom arrows, and use the above CSS to remove the arrows that are sometimes set by the browser.

The app above removes the “browser-based” arrows, and uses custom arrows instead. This way things are consistent across browsers.

Does that make sense?