<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>文本框颜色如何不改变</title>
</head>
<style type="text/css">
input{
width: 300px;
height: 45px;
margin: 0 auto;
margin-top: 120px;
display: block;
border: 2px solid #2ECC71;
}
input{
outline: none;
}
/* 直接设置成outline:none,就不会出现那种轮廓变黑,影响美观的情况,也可以自行设置轮廓颜色格式 */
</style>
<body>
<input type="text" placeholder="不变色"/>
<!-- 当我们点击文本框,也就是文本框聚焦的时候,他会变成黑色,这其实是文本框聚焦的轮廓属性 -->
<!-- outline(轮廓)是绘制元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用 -->
<!-- outline可设置属性,分别是outline-style、outline-color、outline-width -->
</body>
</html>