我正在使用 html5 和 css3 做第一个站点。要显示带有搜索玻璃图像的文本框,我找到了这个帮助,它的效果很好:
这是代码:
HTML
<form id="header-search">
<input type="text" class="searchbox" /><input type="submit" class="button" value="" />
CSS
#header-search{overflow:auto;}
#header-search input.searchbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #8e8e8e;
background-color:#f5f5f5;
height:16px;
padding:4px;
padding-right:28px;
color:#4a4a4a;
float:left;
}
#header-search input.button{
border:0;
padding:0;
margin:0 0 0 -24px;
width:24px;
height:24px;
background:transparent url('your-search-icon-path-here') center center no-repeat;
float:left;
}
我需要在文本框的右侧显示搜索图像我试图理解 CSS 但我无法理解。
你能指导我什么是文本框中的图像分组吗?由于 CSS 代码中没有显示属性,如何控制其显示和定位?
如何从文本框的左侧更改其显示?
谢谢