此搜索栏采用的是表单的一些标签,基本的代码如下:
全部分类
书名
作者
ISBN
因为涉及到了块元素,所以input标签与select标签不能转行;
CSS3的基本代码如下:
#search{position:absolute;top:111px;left:670px;text-align:right;border:3px solid #cc6600;}
#search input[type="search"]{font-family:"微软雅黑";background:#f3f3f3;height:25px;width:170px;
font-size:1.6em;padding-left:5px;display:inline-block;vertical-align:top;border:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;
background:url("images/arrow.png") no-repeat scroll right center transparent;background-color:#d2d2d2;
padding-right:14px;height:25px;}
select::-ms-expand{display:none;}
#search input[type^="submit"]{background-color:#cc6600;height:25px;display:inline-block;border:none;
vertical-align:top;padding:0 5px;background-i