展开全部
我一般设置搜索的时候，type=text的那个input如果有小图标，我都是设置背景，这是后面有搜索按钮的情况下。
但是如果说放大镜图标就是搜索的那个按钮（type=submit），我就设置两个input在一起，小图标为搜索按钮的背景，然后设置两个input的css 为 vertical-align:middle 就可以对其两个input了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单框</title>
</head>
<body>
<style>
.text{ width:100px; height:30px; border:1x solid #CCC; vertical-align:middle;}
.submit{ width:40px; height:30px; background:() center center no-repeat; vertical-align:middle;}
</style>
</body>
<form>
<input type="text" class="text"/>
<input type="submit" class="submit" value="如果有背景这里就是空的"/>
</form>
</html>
但是如果说放大镜图标就是搜索的那个按钮（type=submit），我就设置两个input在一起，小图标为搜索按钮的背景，然后设置两个input的css 为 vertical-align:middle 就可以对其两个input了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单框</title>
</head>
<body>
<style>
.text{ width:100px; height:30px; border:1x solid #CCC; vertical-align:middle;}
.submit{ width:40px; height:30px; background:() center center no-repeat; vertical-align:middle;}
</style>
</body>
<form>
<input type="text" class="text"/>
<input type="submit" class="submit" value="如果有背景这里就是空的"/>
</form>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以发下源码么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这种问题，希望你能提供一下源码给你解决。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置大小了吗？
更多追问追答
追问
嗯 都设置了 效果一样
追答
不可能啊，肯定哪写错了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
