bootstrap icon indicating copy to clipboard operation
bootstrap copied to clipboard

Why BS dont implement style `<input type="number">`?

Open Bizarrus opened this issue 2 years ago • 3 comments

Prerequisites

Proposal

Some <input> form elements will be styled, only type="number" is missing.

Motivation and context

The default style is ugly: image

Bizarrus avatar Nov 15 '23 00:11 Bizarrus

Thanks for reporting this issue @Bizarrus What would you like to change in the number inputs? The arrows come from the default browser rendering, and if they are using the correct color-scheme value, they should match the light/dark mode rather well:

Screenshot 2023-11-15 at 19 44 47

julien-deramond avatar Nov 15 '23 18:11 julien-deramond

Radioboxes, Checkboxes and other already styled for Bootstrap (see https://getbootstrap.com/docs/5.3/forms/checks-radios/#checks), iwould like to see a separate procedure for number boxes as a core feature of Bootstrap, like these:

<input class="input-number" type="number" value="">

With style-behaviors like: image

or

image

Bizarrus avatar Nov 15 '23 19:11 Bizarrus

Bootstrap doesn't style the <input type="number"> by default because styling numerical inputs can vary greatly depending on the platform and browser. Customizing these inputs could potentially interfere with native functionality or cause inconsistencies across different devices and browsers. As a result, Bootstrap tends to focus on more standardized elements and leaves these types of inputs unstyled to maintain their default behavior. However, you can still apply your own custom styling to these inputs using CSS if needed. from chatGpt

DillonAdriyan avatar Nov 16 '23 16:11 DillonAdriyan