Bento Selector: Support hybrid selected/disabled state (#32825)

* Allow disabled selected to be outlined as selected * Apply partial transparency for disabled items
ampproject · Feb 24, 2021 · d274beb · d274beb
1 parent 7ef9f7c
commit d274beb
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/extensions/amp-selector/1.0/amp-selector.css b/extensions/amp-selector/1.0/amp-selector.css
@@ -31,15 +31,16 @@ amp-selector[multiple] [option][selected] {
   outline: solid 1px rgba(0, 0, 0, 0.7);
 }
 
-amp-selector [option][selected] {
-  cursor: auto;
-  outline: solid 1px rgba(0, 0, 0, 0.7);
-}
-
 amp-selector [disabled][option],
 amp-selector[disabled] [option],
 amp-selector [selected][disabled],
 amp-selector[disabled] [selected] {
   cursor: auto;
   outline: none;
+  opacity: 0.4;
+}
+
+amp-selector [option][selected] {
+  cursor: auto;
+  outline: solid 1px rgba(0, 0, 0, 0.7);
 }