怎么设置textarea的边框和input的边框效果一样

<!DOCTYPE html>
<html>
<head>
	<title>Career</title>
	<link rel="stylesheet" type="text/css" href="css/CareerWeb.css">
</head>
<body>
	<div class="header">
		<div class="top">
			<div class="logo">
				<a href="#"><img src="../images/logo.png"></a>
			</div>
			<div class="menu">
				<ul>
					<li><a href="#">HOME</a></li>
					<li><a href="#">ABOUT</a></li>
					<li><a href="#">GALLERY</a></li>
					<li><a href="#">FACULTY</a></li>
					<li><a href="#">EVENT</a></li>
					<li><a href="#">CONTACT</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="banner">
			<div class="banner-img">
				<img src="../images/banner3.jpg">
			</div>
			<div class="banner-text">
				<ul>
					<li><input type="text" name="" placeholder="your Name" ></li>
					<li><input type="text" name="" placeholder="your Phone"></li>
					<li><input type="text" name="" placeholder="your email"></li>
					<li><textarea class="textarea"  placeholder="Write your comment here"></textarea>
					<li><input type="submit" value="SENGD MESSAGE" name=""></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer"></div>
</body>
</html>

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-family:Microsoft YaHei UI;
	width: 100%;
}


.header .top{
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: #07cbc9;
	overflow: hidden;
	position: fixed;
	z-index: 100;
}

.header .top .logo{
	position: relative;
	float: left;
	top: 15px;
	margin-left: 100px;
}

.header .top .menu {
	margin-right:80px; 
	float: right;
}

.header .top .menu ul{
	list-style: none;

}

.header .top .menu ul li{
	float: left;
	margin-left: 20px;
	
}

.header .top .menu ul li:hover{
	background:#000;
}

a{
	text-decoration: none;
}

.content .banner .banner-img {
	margin-top: 80px;
	position: absolute;
	z-index: 10;
}
.content .banner .banner-img img{
	width: 100%;
	height: 700px;
	
}

.content .banner .banner-text{
	position: absolute;
	top: 30%;
	left:38%;
	z-index: 50;
}
.content .banner .banner-text ul{
	list-style: none;
}

.content .banner .banner-text ul li{
	margin-bottom: 30px;
	opacity: 0.4;
	
}

.content .banner .banner-text ul li input[type="text"]{
	width: 400px;
	height: 40px;
	background: #000;
	color: white;
	border:1px solid ;
}

.content .banner .banner-text ul li textarea{
	width: 400px;
	height: 150px;
	background: #000;
	border:5px solid ;
}
	

.content .banner .banner-text ul li input[type="submit"]{
	height: 40px;
	position: relative;
	left: 130px;
	background: #000;
	color: white;
	border:1px solid ;
	}

cccca 2019-09-23

源自：前端油画商城案例 4-3 项目作业