Ввод формы показывает только границы, они не фокусируются и не показывают заполнитель html & css

Question

Я проверял в Google, но до сих пор не могу найти решение для моей проблемы ... из-за того, что моя форма не работает, поля ввода не реагируют на фокус, также они не показывают заполнители и значения.Буду признателен, если кто-нибудь покажет мне проблему, если это мой код.

#searchForm {
  	display: block;
   	width: 100%;
   	float: left;
   	margin: 5px auto 0 auto;
   	border-top: 0.3px solid white;
}

#searchForm form {
   	display: block;
   	width: 100%;
   	height: auto;
   	padding: 5px 15px;
   	float: left;
   	color: black;
   	border: 2px solid red;
}

#searchForm form input[type=text] {
   	display: block;
   	width: 100%;
   	height: 35px;
   	border: 1px solid white;
   	text-align: center;
   	background-color: transparent;
}

#searchForm form input[type=submit] {
   	display: block;
   	margin: auto;
   	width: auto;
   	padding: 3px 5px;
   	font size: 16px;
   	color: black;
   	background-color: transparent;
}

<div id="searchForm">
    <form action="header.php" method="POST">
    	<input type="text" name="que" placeholder="Enter your query and search.." required autofocus />
    	<input type="submit" name="search" value="Search" />
    </form>
</div>