是这样吗，视频里text-indent是负的我写出来鼠标放上去就少了一个字，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
input{
text-indent: 20px;
}
input:hover{
text-indent: 10px;
}
</style>
</head>
<body>
<!--在此处填写代码-->
<input type="text" name="" placeholder="请输入文字">
<script type="text/javascript">
</script>
</body>
</html>输入框前面的字和placeholder一起缩进是lable for的原因吗
9
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕久久
2020-06-17 16:12:45
同学你好，这样写只简单的实现了文字缩进量改变，与老师视频中的效果相差太多，建议仿照老师的代码，再练习一遍。
问题解答如下：
1. 视频中text-indent属性没有设置负值，如下：
设置负值的是紧邻input的span元素的translateX属性，如下：
给input设置text-indent负值会导致提示文字显示不全，原因是文字往左缩进，会超出input框的范围。
2. 输入框中的“邮箱”二字和“placeholder”一起往左移动，是css样式的作用，如下：
而lable for的作用是，鼠标移入lable时，会触发input的hover效果，鼠标点击label时，会让input获取焦点。
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星