JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>17 Поле для поиска</title>
</head>
<body>
<form action="#" name="search_form" method="get" enctype="application/x-www-form-urlencoded" accept-charset="utf-8" autocomplete="off">
<p>
	<input type="search" name="search_pole" placeholder="Введите текст для поиска">
	<input type="submit" name="search_button" value="Искать">
</p>
</form>
</body>
</html>

CSS

body{
	font:16px 'Times New Roman', serif;
	color:#000;
	background:#fff;
}
p{
	margin:22px;
}
input[type="search"]{
	outline:none;
	width:15em;
	border:#999 solid 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
input[type="search"]:focus{
	border:#69f solid 2px;
	color:#393;
	box-shadow:0 0 3px #393;
	-webkit-box-shadow:0 0 3px #393;
}