Clear current value text on focus

Is there a way to clear the current value text when focusing a select with searchable equal to true? Would like the input to empty when focused, and refill when blurred.

[apennell]

Thanks for the simple suggestion, @sombrerox! I used that general CSS approach except instead of targeting their really specific class in a style sheet, I used the style object approach:

const customStyles = {
  singleValue: (provided, state) => {(
    display: state.selectProps.menuIsOpen ? 'none' : 'block',
 )}
}

const App = () => (
  <Select
    styles={customStyles}
    options={...}
  />
);

[Ricka7x]

I was wondering the same thing!