library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

More explicitly define font resets on form controls (#607)

Browse Source
This commit is contained in:
Jonathan Neal 2016-08-08 09:43:30 -04:00 committed by GitHub
parent db6567c3da
commit 5d728b83a5
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -7,6 +7,8 @@
* Move unsorted rules into their respective sections. * Move unsorted rules into their respective sections.
* Update the `summary` style in all browsers. * Update the `summary` style in all browsers.
* Remove `::placeholder` styles due to a bug in Edge. * Remove `::placeholder` styles due to a bug in Edge.
* More explicitly define font resets on form controls
* Remove the `optgroup` normalization needed by the previous font reset
### 4.2.0 (June 30, 2016) ### 4.2.0 (June 30, 2016)

14
normalize.css vendored
View File

@ -244,7 +244,7 @@ svg:not(:root) {
========================================================================== */ ========================================================================== */
/** /**
* 1. Change font properties to `inherit` in all browsers (opinionated). * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari. * 2. Remove the margin in Firefox and Safari.
*/ */
@ -253,18 +253,12 @@ input,
optgroup, optgroup,
select, select,
textarea { textarea {
font: inherit; /* 1 */ font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */ margin: 0; /* 2 */
} }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/** /**
* Show the overflow in IE. * Show the overflow in IE.
* 1. Show the overflow in Edge. * 1. Show the overflow in Edge.

4
test.html
View File

@ -259,8 +259,8 @@
</div> </div>
<h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2> <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
<h3 class="Test-it">should inherit <code>font</code> from ancestor</h3> <h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
<div class="Test-run" style="font:bold italic 20px/1 serif;"> <div class="Test-run" style="font-size: 20px;">
<button>button</button><br> <button>button</button><br>
<input value="input"><br> <input value="input"><br>
<select style="border:1px solid #999;"> <select style="border:1px solid #999;">