[wp-trac] [WordPress Trac] #34157: Style the increment and decrement buttons for number inputs

WordPress Trac noreply at wordpress.org
Mon Oct 5 21:27:00 UTC 2015


#34157: Style the increment and decrement buttons for number inputs
-------------------------+-------------------------------------------------
 Reporter:  johnbillion  |      Owner:
     Type:  enhancement  |     Status:  new
 Priority:  low          |  Milestone:  Awaiting Review
Component:               |    Version:
  Administration         |   Keywords:  ui-feedback needs-patch needs-
 Severity:  normal       |  testing
  Focuses:  ui           |
-------------------------+-------------------------------------------------
 The buttons shown inside `input[type="number"]` inputs for incrementing
 and decrementing the value are the smallest buttons known to man.

 [[Image(https://i.imgur.com/mtmggQM.png)]]

 In Webkit at least, these [https://stackoverflow.com/questions/21266888
 /styling-html5-number-input-spin-box-in-chrome can be styled using CSS],
 although it appears that the two buttons are styled as one single element.

 Does someone want to look into this more and see if the styling of the
 buttons in WordPress' number inputs can be improved?

 Considerations:

  * Should the buttons be shown persistently or only on hover? I'd prefer
 the former.
  * Behaviour on touch devices (buttons should probably remain hidden)
  * Differences between platforms and browsers

--
Ticket URL: <https://core.trac.wordpress.org/ticket/34157>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list