| Index: LayoutTests/fast/dom/shadow/shadowdom-for-input-appearance.html
|
| diff --git a/LayoutTests/fast/dom/shadow/shadowdom-for-input-appearance.html b/LayoutTests/fast/dom/shadow/shadowdom-for-input-appearance.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..07d57dc35b5d7cd57825d84e2ad7e986ff9b6ae5
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/dom/shadow/shadowdom-for-input-appearance.html
|
| @@ -0,0 +1,35 @@
|
| +<!DOCTYPE html>
|
| +<body>
|
| +<style>
|
| +input {
|
| + -webkit-appearance: none;
|
| + background-color: white;
|
| + border: none;
|
| + color: black;
|
| + margin: 2px;
|
| + padding: 2px;
|
| +}
|
| +</style>
|
| +<div><input type="button" value="button"></div>
|
| +<div><input type="checkbox" value="checkbox"></div>
|
| +<div><input type="color" value="#ff0000"></div>
|
| +<div><input type="date" value="2013-09-05"></div>
|
| +<div><input type="file"></div>
|
| +<div><input type="hidden" value="hidden"></div>
|
| +<div><input type="number" value="3.141592"></div>
|
| +<div><input type="radio"></div>
|
| +<div><input type="range"></div>
|
| +<div><input type="search" value="search"></div>
|
| +<div><input type="text" value="text"></div>
|
| +<script>
|
| +window.onload = function() {
|
| + var inputs = document.querySelectorAll('input');
|
| + for (var i = 0; i < inputs.length; ++i) {
|
| + var contentSpan = document.createElement('span');
|
| + contentSpan.textContent = 'Content';
|
| + inputs[i].appendChild(contentSpan);
|
| + inputs[i].createShadowRoot().innerHTML = '<span>Shadow!</span><content select="*"></content>';
|
| + }
|
| +};
|
| +</script>
|
| +</body>
|
|
|