为啥我鼠标划过文本框没有反应
<!DOCTYPE html>
<html>
<head>
<title>招生</title>
<link rel="stylesheet" type="text/css" href="招生.css">
<script type="text/javascript" src="招生.js"></script>
</head>
<body>
<div class="dingbu">
<div class="logo">
<img src="images/logo.png">
</div>
<div class="xuanxiang">
<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="#">EVENTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div class="banner">
<div class="logo2">
<img src="images/banner3.jpg">
</div>
<div class="test">
<form>
<input type="text" name="" value="your name" ><br>
<input type="text" name="" value="your phone" ><br>
<input type="text" name="" value="your email" ><br>
<input type="text" name="" id="text-1" value="Writer your Comment Here" ><br>
<input type="button" name="" value="SEND MESSAGE">
</form>
</div>
</div>
</body>
</html>
.dingbu{
background-color:#07cbc9;
height:50px;
width:100%;
}
.logo{
float:left;
margin-left:35px;
}
ul li a:hover{
background-color:black;
}
.xuanxiang{
float:right;
position:relative;
}
.xuanxiang ul li{
float:left;
list-style:none;
margin-right:25px;
}
a{
text-decoration:none;
}
.banner .logo2 img {
width:100%;
float:left;
position:relative;
}
.test form{
float:left;
position:absolute;
margin-top:200px;
margin-left:40%;
}
.test form input{
margin-bottom:20px;
background-color:transparent;
border:1px solid white;
width:500px;
height:40px;
color:white;
padding-left:10px;
font-family:Microsoft YaHei UI;
}
#text-1{
height:100px;
}
.test form input[type="text"] :hover{
border-color:#07cbc9;
}
正在回答
同学你好
1、首先可以改成：textarea标签，当前，也要重新设置 一下样式
另外textarea没有value值，可以通过placeholder设置（建议input也用placeholder设置默认提示）
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
那个按钮解决了，那个write your那个文本框的文字，怎么才能像图片那样，我的剧中了，怎么调也不一样
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星