Remove redundant text-transform for FF's select

Nowadays we don't need to specify the text-transform property for the
select element for Firefox. Such functionality already built-in in
Firefox as well as for all other browsers normalise.css supports:
Chrome, Safari, Edge, IE11, IE10.

Sources:
- [Firefox's forms.css](https://dxr.mozilla.org/mozilla-central/source/layout/style/res/forms.css#133)
- `view-source:resource://gre-resources/forms.css`

Other changes:
- Specify IE supported versions because we still need to set
text-transform for button in Edge, IE11, and IE10 explicitly.
- Remove select from the text-transform UI test

Tested on:
- Safari 13.1.2
- Chrome 85.0.4183.102
- Firefox 80.0.1
- Edge 44.19041.423.0
- IE 11.450.19041.0
- IE 10.0.9200.16384
This commit is contained in:
Siarhei Bobryk 2020-09-15 12:59:28 +03:00
parent fc091cce15
commit 6cdf65b1e0
No known key found for this signature in database
GPG Key ID: D27ED1F4CAF5701A
2 changed files with 2 additions and 5 deletions

View File

@ -179,12 +179,10 @@ input { /* 1 */
} }
/** /**
* Remove the inheritance of text transform in Edge, Firefox, and IE. * Remove the inheritance of text transform in Edge, IE11, and IE10.
* 1. Remove the inheritance of text transform in Firefox.
*/ */
button, button {
select { /* 1 */
text-transform: none; text-transform: none;
} }

1
test.html vendored
View File

@ -314,7 +314,6 @@
<h3 class="Test-it">should not inherit <code>text-transform</code></h3> <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
<div class="Test-run" style="text-transform:uppercase"> <div class="Test-run" style="text-transform:uppercase">
<button>button</button> <button>button</button>
<select><option>option</option></select>
</div> </div>
<h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2> <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>