老师，麻烦检查一下有什么问题，有没有多余的步骤

来源：7-4 项目作业

慕小成

2022-03-22 14:07:38

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}

		.test{
			background-color: pink;
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 1;
		} 
      
       
        .div1{
        	position: absolute;
        	vertical-align: bottom;
        	left: 50%;
        	top: 50%;
        	z-index: 100;
        	margin-left: -150px;


        }
        .text{
           border: 1px solid;
           border-color: red;
           background-color: pink;
           float: left;
       	    }

        .button{
        	background-color: red;
        	float: left;
        	color: white;
        	width: 40px;
        	font-size: 5px;
        	border: none;
        	height: 17.5px;
        }
	</style>
</head>
<body>
    <div class="test">
    	<div class="div1">
    		<input type="text" name="text" value="请输入..." class="text">
    		<input type="button" name="button" value="搜索" class="button">
    	</div>
    </div>

    
</body>
</html>

问题描述：

还有个问题，点击文本框边框为什么会变为黑色

写回答

1回答