hover的时候如何不让输入框及文字浮动这么大
来源：2-17 编程练习
慕侠309804
2019-01-29 22:08:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态伪类</title>
<style type="text/css">
/*此处写代码*/
input:hover {
border: 1px solid red;
box-sizing: border-box;
}
input[type="text"]:focus{
background: orange;
}
input[type="password"]:focus{
background: yellow;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<span>用户名：</span><input type="text" name="text"><br><br>
<span>密码：</span><input type="password" name="password">
</body>
</html>
写回答
1回答
-
好帮手慕星星
2019-01-30
你好，鼠标移入的时候把input边框变为2px就可以，因为输入框默认边框就是2px：
代码实现效果是正确的，继续加油！
0
