JSFiddle - React, Tailwind, and code Playground

HTML

<select class="selectbar" name="about" placeholder="Where did you hear about us?" required>
    <option value="">Search Engine Ad</option>
    <option value="">Friend</option>
    <option value="">Blog or Forum</option>
    <option value="">Newspaper Magazine</option>
    <option value="">Event or Conference</option>
    <option value="">Radio</option>
    <option value="">TV</option>
    <option value="">Other</option>
</select>

CSS

.inputbaremail[type=email]:focus {
	border: 1px solid #3385FF;
	-moz-box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
	-webkit-box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
	box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
}
.inputbarphone[type=tel] {
	display: block;
	width: 400px;
	margin: 10px auto;
	font-size: 18px;
	padding: 10px;
	-webkit-transition: all 0.40s ease-in-out;
	-moz-transition: all 0.40s ease-in-out;
	-ms-transition: all 0.40s ease-in-out;
	-o-transition: all 0.40s ease-in-out;
	outline: none;
	border: 1px solid #DDDDDD;
}
.inputbarphone:hover {
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}
.inputbarphone[type=tel]:focus {
	border: 1px solid #3385FF;
	-moz-box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
	-webkit-box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
	box-shadow: 0 0 1px 1px rgba(51,133,255, 1);
}
.selectbar {
    display: block;
    width: 400px;
    margin: 10px auto;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}
.selectbar:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}
.selectbar:focus {
    border: 1px solid #3385FF;
    -moz-box-shadow: 0 0 1px 1px rgba(51, 133, 255, 1);
    -webkit-box-shadow: 0 0 1px 1px rgba(51, 133, 255, 1);
    box-shadow: 0 0 1px 1px rgba(51, 133, 255, 1);
}