2022-05-26 15:18:53 +08:00
|
|
|
.b3-select {
|
|
|
|
|
border: 0;
|
2023-06-28 22:40:34 +08:00
|
|
|
border-radius: var(--b3-border-radius);
|
2023-03-23 11:59:35 +08:00
|
|
|
padding: 4px 26px 4px 8px;
|
2022-05-26 15:18:53 +08:00
|
|
|
box-sizing: border-box;
|
2023-03-23 11:59:35 +08:00
|
|
|
line-height: 20px;
|
2022-05-26 15:18:53 +08:00
|
|
|
color: var(--b3-theme-on-background);
|
2023-03-15 12:10:52 +08:00
|
|
|
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
|
2022-05-26 15:18:53 +08:00
|
|
|
height: 28px;
|
|
|
|
|
font-size: 14px;
|
2023-06-25 23:51:22 +08:00
|
|
|
box-shadow: inset 0 0 0 0.6px var(--b3-theme-on-surface);
|
2023-03-15 11:45:51 +08:00
|
|
|
background: var(--b3-select-background);
|
|
|
|
|
appearance: none;
|
2023-03-15 12:10:52 +08:00
|
|
|
cursor: pointer;
|
2023-06-21 22:41:28 +08:00
|
|
|
overflow: hidden; // iphonex
|
2023-03-15 11:45:51 +08:00
|
|
|
|
|
|
|
|
&:hover {
|
2023-04-21 17:01:32 +08:00
|
|
|
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-background);
|
2023-06-26 10:47:55 +08:00
|
|
|
background-color: var(--b3-theme-surface);
|
2023-03-15 11:45:51 +08:00
|
|
|
}
|
2022-05-26 15:18:53 +08:00
|
|
|
|
|
|
|
|
&:focus {
|
2023-03-15 11:45:51 +08:00
|
|
|
box-shadow: inset 0 0 0 1px var(--b3-theme-primary), 0 0 0 3px var(--b3-theme-primary-lightest);
|
2022-05-26 15:18:53 +08:00
|
|
|
}
|
|
|
|
|
}
|
