css中不能让文本框与按钮水平对齐??求解
高手帮我看看这段代码,文本框怎样也不能和按钮对齐?该怎样改了?而且input[type="text"]:focus,input[type="searchinput"]:f...
高手帮我看看这段代码,文本框怎样也不能和按钮对齐?该怎样改了?
而且input[type="text"]:focus,input[type="searchinput"]:focus{background:#CCCCCC;height:18px;}这句话的代码效果只能在火狐里面看到,其他浏览器看不到,怎样解决了?
<style type="text/css">
body{
font:Arial, Helvetica, sans-serif 12px;
text-align:center;
}
#container{
width:400px;
margin:auto;
}
input[type="text"]:focus,input[type="searchinput"]:focus{background:#CCCCCC;height:18px;}
#logo img{
padding:100px 20px 20px 20px;
}
</style>
</head>
<body>
<div id="container">
<div id="logo"><img src="img/页面 12.gif" /></div>
<div id="search">
<label><input type="text" name="searchinput" size="34" /></label>
<label><input type="image" name="search" src="img/search-buttom.gif"onclick="javascript:location.href='search.html'"/></label>
</div>
<div id="footer"></div>
</div>
</body>
我加了个#search input{
margin:0 0 -5px 0;
}在火狐里面就能对齐了,但是在其他浏览器还是不能,怎样解决了? 展开
而且input[type="text"]:focus,input[type="searchinput"]:focus{background:#CCCCCC;height:18px;}这句话的代码效果只能在火狐里面看到,其他浏览器看不到,怎样解决了?
<style type="text/css">
body{
font:Arial, Helvetica, sans-serif 12px;
text-align:center;
}
#container{
width:400px;
margin:auto;
}
input[type="text"]:focus,input[type="searchinput"]:focus{background:#CCCCCC;height:18px;}
#logo img{
padding:100px 20px 20px 20px;
}
</style>
</head>
<body>
<div id="container">
<div id="logo"><img src="img/页面 12.gif" /></div>
<div id="search">
<label><input type="text" name="searchinput" size="34" /></label>
<label><input type="image" name="search" src="img/search-buttom.gif"onclick="javascript:location.href='search.html'"/></label>
</div>
<div id="footer"></div>
</div>
</body>
我加了个#search input{
margin:0 0 -5px 0;
}在火狐里面就能对齐了,但是在其他浏览器还是不能,怎样解决了? 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询