Suggestion: Disable arrows in readonly input type 'number'

[frangopr]

Obsessed with the minimalist approach here. Thank you for such great work.

To continue with this approach, I would suggest hiding default up/down around on input type numbers when they are "readonly".

Its a simple detail that's easily fixed on overrides. But I feel it would add to the clean, minimal approach.

Here's the most barebones approach I could find and do use, but I do hate that it's all new lines and very specific. Could go against the goal.

input[type='number']:read-only,
input[type='number']:read-only::-webkit-inner-spin-button,
input[type='number']:read-only::-webkit-outer-spin-button {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}

Cheers.