CSS formatting issue on Input Type=Number

So the following is an example of my CSS code that is not formatting the width of my number input. the same code works fine for Text inputs.  Everything else is working background no border etc.. just the width.. anyone got any ideas? .sheet-example { grid-column: 13 / span 2; grid-row: 57; vertical-align:middle; border-top:.5pt solid white; border-right:none; border-bottom:.5pt solid white; border-left:.5pt solid white; background:#C9DAF8; } .sheet-example input[type=number] { color:black; font-family:Verdana; text-align:center; vertical-align:middle; border:none; background:#C9DAF8; width:82px; }

Does [type="number"]  work?

nope, in any case the background,  border, and all the other bits work apart for width

What's the width currently doing? 

Paul, it's a seemingly stupid question, but are you sure that adding quotes around number like Vince showed doesn't work?

You can see what it is doing on the strength, dexterity, knowledge, concentration, charisma, cool these are type=number  .sheet-strscore  { grid-column: 19; grid-row: 2; vertical-align:middle; border:.5pt solid white; background:#C9DAF8; } .sheet-strscore input[type=number] { width: 30px; background:#C9DAF8; text-align:center; border-right:none; border-bottom:none; border-left:none; border-top:none; font-size:12.0pt; font-weight:700; font-family:Verdana; } i have tried : .sheet-strscore input[type="number"] and it made no difference.   this is the html   <div class="sheet-strscore"><input name="attr_strength" type="number"></div> though changing the height does make a difference.... i'm totally confused...

What CSS are you using to hide the number scrollers? 

not hiding those they dont appear until you mouse onto the field

I bet that if you test in both of the supported browsers that the number scrollers will be visible all the time in at least one of them.

only got a chromium browser (vivaldi)

Paul V. said: only got a chromium browser (vivaldi) If you are planning on submitting this sheet to the repository, hopefully you will install and check with the supported browsers.&nbsp; From section 2 of the minimum requirements of sheets, they need to be tested on the supported browsers. <a href="https://wiki.roll20.net/Building_Character_Sheets#2._Good_Code" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#2._Good_Code</a> Chrome &amp; Firefox Compatible . The two official supported browsers of Roll20 are Chrome &amp; Firefox. All character sheets need to be tested for functionality and styling in these two browsers.

#downloads firefox#

its firefox that has the number scrollers always visible, but i'm still having the above issue