一个div里面套了一个input标签，span标签通过position属性，悬浮在input标签的右边上面。输入信息时，利用padding-right，就算信息内容很长，也不会超过图标所在的位置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="height:35px;width:400px;position:relative;">
<input type="text" style="height:35px;width:370px;padding-right: 30px"/ >
<span style="position:absolute;top: 5px; right: 5px;background-image:url('2.jpg'); display:inline-block;height: 30px; width:30px;"></span>
</div>
<div style="height:35px;width:400px;position:relative;margin-top:10px;">
<input type="text" style="height:35px;width:370px;padding-right: 30px"/ >
<span style="position:absolute;top: 5px; right: 5px;background-image:url('2.jpg'); display:inline-block;height: 30px; width:30px;"></span>
</div>
</body>
</html>
1692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
