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

Unified Diff: Source/core/css/html.css

Issue 347773002: Implement select listbox using shadow DOM (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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
« no previous file with comments | « Source/core/css/SelectorChecker.cpp ('k') | Source/core/css/resolver/SharedStyleFinder.cpp » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/core/css/html.css
diff --git a/Source/core/css/html.css b/Source/core/css/html.css
index 68f50e7c19d3581ecc3b1edf7fd52b554e607c6c..e44ac514e474ebc76d0a62c11103d46ae859a751 100644
--- a/Source/core/css/html.css
+++ b/Source/core/css/html.css
@@ -641,6 +641,11 @@ input[type="button"]:active:disabled, input[type="submit"]:active:disabled, inpu
border-style: outset
}
+option:-internal-spatial-navigation-focus {
+ outline: black dashed 1px;
+ outline-offset: -1px;
+}
+
datalist {
display: none
}
@@ -759,24 +764,54 @@ select[size][multiple] {
align-items: flex-start;
border: 1px inset gray;
border-radius: initial;
- white-space: initial;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ vertical-align: text-bottom;
+ -webkit-user-select: none;
+ white-space: nowrap;
}
select[size="0"],
select[size="1"] {
-webkit-appearance: menulist;
align-items: center;
- border: 1px solid;
+ border-width: 1px;
+ border-style: solid;
+ border-color: initial;
border-radius: 5px;
+ overflow-x: initial;
+ overflow-y: initial;
+ vertical-align: initial;
+ -webkit-user-select: initial;
white-space: pre;
}
optgroup {
font-weight: bolder;
+ display: block;
}
option {
font-weight: normal;
+ display: block;
+ padding: 0 2px 1px 2px;
+ white-space: pre;
+ min-height: 1.2em;
+}
+
+option:checked {
+ background-color: -internal-inactive-list-box-selection;
+ color: -internal-inactive-list-box-selection-text;
+}
+
+select:focus option:checked {
+ background-color: -internal-active-list-box-selection;
+ color: -internal-active-list-box-selection-text;
+}
+
+select:disabled option:checked,
+option:checked:disabled {
+ color: gray;
}
output {
« no previous file with comments | « Source/core/css/SelectorChecker.cpp ('k') | Source/core/css/resolver/SharedStyleFinder.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698