Implement select listbox using shadow DOM

LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js

Index: LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js
diff --git a/LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js b/LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js
index 35c1dd58ce6f3f5b595b82a1886c07ca85c194ca..893349b1d97df8649a38dea6dc5bbfd487f19e56 100644
--- a/LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js
+++ b/LayoutTests/fast/forms/resources/select-live-pseudo-selectors.js
@@ -116,9 +116,9 @@ form.innerHTML = '<select id="select-multiple" multiple required size="4">' +
 mouseDownOnSelect('select-multiple', 0);
 mouseDownOnSelect('select-size4', 0);
 shouldBe('backgroundOf("select-multiple")', 'validColor');
-shouldBe('backgroundOf("multiple-empty")', 'transparentColor');

[keishi, 2014/06/22 11:59:55]

Background color of this option is -internal-active-listbox-selection-color

+shouldNotBe('backgroundOf("multiple-empty")', 'validColor');
 shouldBe('backgroundOf("select-size4")', 'validColor');
-shouldBe('backgroundOf("size4-empty")', 'transparentColor');
+shouldNotBe('backgroundOf("size4-empty")', 'validColor');
 
 debug('Change the value with a placeholder label option:');
 el = makeInvalid();