@arco-design/web-react/es/_class/picker/style/index.css

Arco Design React UI Library.

.arco-picker{position:relative;display:inline-flex;align-items:center;padding:4px 11px 4px 4px;line-height:1.5715;border-radius:var(--border-radius-small);background-color:var(--color-fill-2);border:1px solid transparent;box-sizing:border-box;transition:all .1s cubic-bezier(0,0,1,1)}.arco-picker-input{display:inline-flex;flex:1}.arco-picker input{text-align:left;padding:0;padding-left:8px;border:none;width:100%;color:var(--color-text-1);background-color:transparent;line-height:1.5715;transition:all .1s cubic-bezier(0,0,1,1)}.arco-picker input::-webkit-input-placeholder{color:var(--color-text-3)}.arco-picker input::-moz-placeholder{color:var(--color-text-3)}.arco-picker input::-ms-input-placeholder{color:var(--color-text-3)}.arco-picker input::placeholder{color:var(--color-text-3)}.arco-picker-input-placeholder input{color:var(--color-text-3)}.arco-picker-has-prefix{padding-left:12px}.arco-picker-prefix{color:var(--color-text-2);padding-right:4px;font-size:14px}.arco-picker-suffix{width:14px;margin-left:4px;text-align:center}.arco-picker-suffix-icon{color:var(--color-text-2)}.arco-picker .arco-picker-clear-icon{display:none;font-size:12px;color:var(--color-text-2)}.arco-picker:hover{background-color:var(--color-fill-3);border-color:transparent}.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon{display:inline-block}.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon+span{display:none}.arco-picker-focused{box-shadow:0 0 0 0 var(--color-primary-light-2)}.arco-picker-focused,.arco-picker-focused:hover{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6))}.arco-picker-focused .arco-picker-input-active input,.arco-picker-focused:hover .arco-picker-input-active input{background:var(--color-primary-light-1)}.arco-picker-error:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-danger-light-1)}.arco-picker-error:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled),.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--danger-6));background-color:var(--color-bg-2);box-shadow:0 0 0 0 var(--color-danger-light-2)}.arco-picker-warning:not(.arco-picker-disabled){border-color:transparent;background-color:var(--color-warning-light-1)}.arco-picker-warning:not(.arco-picker-disabled):hover{border-color:transparent;background-color:var(--color-warning-light-2)}.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled),.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled):hover{border-color:rgb(var(--warning-6));background-color:var(--color-bg-2);box-shadow:0 0 0 0 var(--color-warning-light-2)}.arco-picker input[disabled]{cursor:not-allowed;color:var(--color-text-4);-webkit-text-fill-color:var(--color-text-4)}.arco-picker input[disabled]::-webkit-input-placeholder{color:var(--color-text-4)}.arco-picker input[disabled]::-moz-placeholder{color:var(--color-text-4)}.arco-picker input[disabled]::-ms-input-placeholder{color:var(--color-text-4)}.arco-picker input[disabled]::placeholder{color:var(--color-text-4)}.arco-picker-disabled,.arco-picker-disabled:hover{color:var(--color-text-4);border-color:transparent;background-color:var(--color-fill-2);cursor:not-allowed}.arco-picker-disabled input[disabled],.arco-picker-disabled:hover input[disabled]{cursor:not-allowed;color:var(--color-text-4);-webkit-text-fill-color:var(--color-text-4)}.arco-picker-disabled input[disabled]::-webkit-input-placeholder,.arco-picker-disabled:hover input[disabled]::-webkit-input-placeholder{color:var(--color-text-4)}.arco-picker-disabled input[disabled]::-moz-placeholder,.arco-picker-disabled:hover input[disabled]::-moz-placeholder{color:var(--color-text-4)}.arco-picker-disabled input[disabled]::-ms-input-placeholder,.arco-picker-disabled:hover input[disabled]::-ms-input-placeholder{color:var(--color-text-4)}.arco-picker-disabled input[disabled]::placeholder,.arco-picker-disabled:hover input[disabled]::placeholder{color:var(--color-text-4)}.arco-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.arco-picker-disabled .arco-picker-separator{color:var(--color-text-4)}.arco-picker-disabled .arco-picker-suffix-icon{color:var(--color-text-4)}.arco-picker-size-mini{height:24px}.arco-picker-size-mini input{font-size:12px}.arco-picker-size-small{height:28px}.arco-picker-size-small input{font-size:14px}.arco-picker-size-default{height:32px}.arco-picker-size-default input{font-size:14px}.arco-picker-size-large{height:36px}.arco-picker-size-large input{font-size:14px}.arco-picker-rtl{direction:rtl;padding:4px 4px 4px 11px}.arco-picker-rtl input{text-align:right;padding-left:0;padding-right:8px}.arco-picker-rtl .arco-picker-suffix{margin-left:0;margin-right:4px}