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

WordPress Trac noreply at wordpress.org
Sun Sep 4 13:16:18 UTC 2016


#34157: Style the increment and decrement buttons for number inputs
-------------------------------------------------+-------------------------
 Reporter:  johnbillion                          |       Owner:
     Type:  enhancement                          |      Status:  new
 Priority:  low                                  |   Milestone:  Awaiting
Component:  Administration                       |  Review
 Severity:  normal                               |     Version:
 Keywords:  has-ui-feedback needs-patch needs-   |  Resolution:
  testing                                        |     Focuses:  ui
-------------------------------------------------+-------------------------

Comment (by xavortm):

 I am 95% sure this won't be the solution here, but I went and make a very
 small view of how these buttons can be changed using jQuery (which is why
 I am not a big fan of this solution)

 http://codepen.io/xavortm/pen/JRoYLr

 Other than that, my opinion is that this field should stay the way it is
 currently. Arrows are not visible by default and are visible on hover.

 Also, this article shows how it looks on most browsers - https://css-
 tricks.com/numeric-inputs-a-comparison-of-browser-defaults/ I am
 personally a fan of Opera and it's easy to click buttons, but as you can
 see IE is totally different, only having close (empty) button.

 Styling the input field buttons will require using some sort of background
 image, as :after doesn't work on input fields.

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


More information about the wp-trac mailing list