From 0f518b6dbd0d760c7c6c72064d61fc74f7aaf7cb Mon Sep 17 00:00:00 2001 From: Ryan Huffman Date: Wed, 1 Apr 2015 16:02:21 -0700 Subject: [PATCH 1/2] Update styling of property spinners in edit.js --- examples/html/style.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/examples/html/style.css b/examples/html/style.css index baa159df74..de71fe6dda 100644 --- a/examples/html/style.css +++ b/examples/html/style.css @@ -275,3 +275,36 @@ td { font-weight: bold; font-style: italic; } + +input[type="number"] { + position: relative; +} + +/* Spin Buttons modified - credit for original implementation goes to http://jsfiddle.net/Volker_E/WwfW9/ */ +input[type="number"]::-webkit-outer-spin-button, +input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center; + width: 0.9em; + height: 4px; + opacity: 0.5; /* shows Spin Buttons per default (Chrome >= 39) */ + top: 0; + right: 0; + bottom: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +input[type="number"]::-webkit-inner-spin-button:hover, +input[type="number"]::-webkit-inner-spin-button:active{ + opacity: .8; +} + +/* Override browser form filling */ +input:-webkit-autofill { + background: black; + color: red; +} + From 775bbdaebb245e10f8fa4cc882010a4cb43ee579 Mon Sep 17 00:00:00 2001 From: Ryan Huffman Date: Wed, 1 Apr 2015 16:04:52 -0700 Subject: [PATCH 2/2] Remove unnecessary css --- examples/html/style.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/examples/html/style.css b/examples/html/style.css index de71fe6dda..02f02b9649 100644 --- a/examples/html/style.css +++ b/examples/html/style.css @@ -301,10 +301,3 @@ input[type="number"]::-webkit-inner-spin-button:hover, input[type="number"]::-webkit-inner-spin-button:active{ opacity: .8; } - -/* Override browser form filling */ -input:-webkit-autofill { - background: black; - color: red; -} -