IE Disabled Inheritance

Demonstrates how IE11 will inherit the disabled attribute form it's parent.

HTML

<input type='text' />
<input type='text' />
<div id="parentDiv" disabled='disabled'>
  <input id="childDiv" type='text' />
</div>

<div>
  <button id="enableBtn">Toggle Parent</button>
</div>

<p id='outputDiv'></p>

CSS

input[type='text'] {
  margin: 20px;
}

p {
  font-family: "Segoe UI";
  margin: 20px;
}

div#parentDiv {
  display:inline;
}

JavaScript

var parentDiv = document.getElementById("parentDiv"),
		childInput = document.getElementById("childDiv"),
    outputDiv = document.getElementById('outputDiv');

document.getElementById('enableBtn').onclick = toggleParent;

function toggleParent(){
	parentDiv.disabled? parentDiv.removeAttribute('disabled') : parentDiv.setAttribute('disabled', true);
  outputDiv.innerHTML = childInput.disabled;
}