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;
-}