diff --git a/Selectbox.js b/Selectbox.js index b2f6140..b6dbb2a 100644 --- a/Selectbox.js +++ b/Selectbox.js @@ -213,11 +213,13 @@ export default class Selectbox extends React.PureComponent onKeyDown={this.onKeyDown} />; return (
+ onClick={this.focusInput}> {this.props.multiple ?
diff --git a/autocomplete.css b/autocomplete.css index 8ee43ce..888b561 100644 --- a/autocomplete.css +++ b/autocomplete.css @@ -10,6 +10,11 @@ position: relative; } +.input.focused +{ + box-shadow: inset 0 0 0 1px #7ab1ff; +} + .input:after { border: 0; @@ -150,8 +155,8 @@ left: auto; top: 4px; right: 28px; - line-height: 18px; - font-size: 18px; + line-height: 20px; + font-size: 17px; text-align: center; padding: 0; } diff --git a/input.css b/input.css deleted file mode 100644 index 9a9fac9..0000000 --- a/input.css +++ /dev/null @@ -1,49 +0,0 @@ -.input -{ - background: white; - border: 1px solid #d8d8d8; - border-radius: 0; - font-size: inherit; - padding: 0; - color: rgb(33, 33, 33); - position: relative; -} - -.inputElement -{ - font-size: inherit; - border: 0; - padding: 0 2em 0 .5em; - margin: 0; - box-sizing: border-box; - display: block; - outline: none; - width: 100%; -} - -.inputElement:focus -{ - box-shadow: inset 0 0 0 1px #4196d4; - display: block; -} - -input.inputElement -{ - line-height: 200%; - height: 28px; -} - -.inputElement::-ms-clear -{ - display: none; -} - -.bar -{ - display: none; -} - -.bar:after, .bar:before -{ - display: none; -}