title: react-select if value is selected keep focus border color
body: <p>In react-select how can I keep the focus border color if value is selected?</p>
  
  <p>now I have the following config</p>
  
  <pre><code>const selectCustomStylesCheckboxes = {
    control: (base, state) =&gt; ({
      ...base,
      boxShadow: state.isFocused ? 0 : 0,
      borderWidth: 2,
      minHeight: 50,
      borderColor: state.isFocused ? "#707070" : base.borderColor,
      "&amp;:hover": {
        borderColor: state.isFocused ? "#707070" : base.borderColor
      }
    }),
    option: (provided, state) =&gt; ({
      ...provided,
      color: state.isSelected ? "#46b428" : "initial",
      //margin: "0 10px",
      fontWeight: "500",
      backgroundColor: state.isSelected ? "rgba(70, 180, 40, 0.18)" : "initial"
    }),
    menuPortal: base =&gt; ({ ...base, zIndex: 9999 })
  };
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/TpUJA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TpUJA.png" alt="enter image description here"></a></p>
  
  <p>but I don't know how to track state selected</p>