Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(78)

Unified Diff: LayoutTests/fast/dom/shadow/shadowdom-for-input-appearance.html

Issue 21165005: Support author Shadow DOM for INPUT elements (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Test should work on Windows and Linux. Created 7 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698