OLD | NEW |
(Empty) | |
| 1 |
| 2 menu { |
| 3 display: none; |
| 4 position: absolute; |
| 5 border: 1px solid #999; |
| 6 -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); |
| 7 color: black; |
| 8 background-color: hsla(213, 0%, 100%, .95); |
| 9 left: 0; |
| 10 white-space: nowrap; |
| 11 z-index: 2; |
| 12 padding: 1px; |
| 13 margin: 0; |
| 14 cursor: default; |
| 15 } |
| 16 |
| 17 menu > * { |
| 18 display: block; |
| 19 margin: 0; |
| 20 width: 100%; |
| 21 text-align: start; |
| 22 } |
| 23 |
| 24 menu > :not(hr) { |
| 25 -webkit-appearance: none; |
| 26 background: transparent; |
| 27 font: inherit; |
| 28 border: 0; |
| 29 padding: 3px 8px; |
| 30 overflow: hidden; |
| 31 text-overflow: ellipsis; |
| 32 } |
| 33 |
| 34 menu > hr { |
| 35 border: 0; |
| 36 border-top: 1px solid rgb(153, 153, 153); |
| 37 margin: 2px 0; |
| 38 } |
| 39 |
| 40 menu > [hidden] { |
| 41 display: none; |
| 42 } |
| 43 |
| 44 menu > [selected] { |
| 45 background-color: hsl(213, 66%, 57%); |
| 46 color: white; |
| 47 } |
OLD | NEW |