Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove the -webkit-outer-spin-button CSS rule

Browse Source 
Unfortunately simply using `appearance: textfield;`, or even `-webkit-appearance: textfield;`, doesn't actually hide the "spinner" in number-input elements in e.g. Google Chrome.
Hence we need to use a work-around with the `-webkit-inner-spin-button` rule, however in our CSS code we also have `-webkit-outer-spin-button` currently. According to both [the MDN compatibility data](https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-outer-spin-button#browser_compatibility) and also manual testing in Google Chrome Beta 99, the `-webkit-outer-spin-button` rule is no longer necessary and we can thus clean-up the CSS a tiny bit.
This commit is contained in:
Jonas Jenwald 2022-02-28 12:16:32 +01:00
parent 2cc98dcdaa
commit fdd06fa393
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/viewer.css
View File

@ -1291,10 +1291,8 @@ html[dir="rtl"] .toolbarField[type="checkbox"] {
background-position: 3px;
}
.toolbarField.pageNumber::-webkit-inner-spin-button,
.toolbarField.pageNumber::-webkit-outer-spin-button {
.toolbarField.pageNumber::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.toolbarField:focus {