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

Merge pull request #502 from magnificode/disabled-element-color-inheritance

Browse Source 
Disabled element color inheritance
This commit is contained in:
Jonathan Neal 2016-01-22 19:47:54 -05:00
commit feccd02187
2 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
normalize.css vendored
View File

@ -252,10 +252,8 @@ samp {
*/ */
/** /**
* 1. Correct color not being inherited. * 1. Correct font properties not being inherited.
* Known issue: affects color of disabled elements. * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/ */
button, button,
@ -263,9 +261,8 @@ input,
optgroup, optgroup,
select, select,
textarea { textarea {
color: inherit; /* 1 */ font: inherit; /* 1 */
font: inherit; /* 2 */ margin: 0; /* 2 */
margin: 0; /* 3 */
} }
/** /**

12
test.html
View File

@ -258,18 +258,6 @@
</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>color</code> from ancestor</h3>
<div class="Test-run" style="color:#ADD8E6;">
<button>button</button><br>
<input value="input"><br>
<select style="border:1px solid #999;">
<optgroup label="optgroup">
<option>option</option>
</optgroup>
<option>option</option>
</select><br>
<textarea>textarea</textarea>
</div>
<h3 class="Test-it">should inherit <code>font</code> from ancestor</h3> <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
<div class="Test-run" style="font:bold italic 20px/1 serif;"> <div class="Test-run" style="font:bold italic 20px/1 serif;">
<button>button</button><br> <button>button</button><br>