css中怎么设置搜索框，求教如何更改搜索框或者自己定义搜索框

来源：整理时间：2023-08-08 00:14:39 编辑：航空兔素材手机版

1，求教如何更改搜索框或者自己定义搜索框

调用系统搜索模块后在GLOBE那个CSS中加入：.shop-search-x 最外层.bd z 主体 .search-x 横向通栏搜索主体 .form 表单。。。.text .J_SEKeyword 输入框样式.button 搜索按扭.keys 热门搜索等字符具体参考淘宝店铺原代码的结构

简单，直接找到源码，对着一个一个修改，一定可以达到你想要的样式的

我也很想了解 shop-search-x 哪里来的？

求教如何更改搜索框或者自己定义搜索框

2，用html和css怎么做一个搜索栏

http://pan.baidu.com/s/1gfGdPOB查看即可。

只要样式不要功能的那种吗

首先要建立一个div，为其命名为“nav”，在div中建立一个无序列表，导航共有几个栏目，就为列表添加几个的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。然后设置css样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：ul 如果是横向导航，还需为里面的列表项标签设置左浮动的样式，代码为：li 每个栏目之间分隔的距离可通过margin（外边距）属性来设置。

用html和css怎么做一个搜索栏

3，html设计搜索框

<div id="search"> <form.....> <input id="searchbox"......./><input id="submit"......./> </form></div>css:#search再用css固定一下输入框和提交按钮的位置就好。你会的吧？应该会哈。

可以定位在在样式里面写一个背景图片，用你说的那个背景图片，就OK了，写上宽度和高度。后面个搜索可以直接提交到搜索的那个页面~

.aa思路是：放大镜图标用个img写进来或者用其它标签用css做背景也可以；下拉导航这种效果系统的select下拉是最容易想到的，但是别想着用它做，，原因很简单，做不到的，，这个必须借助js辅助来解决！

html设计搜索框

4，cssdiv中搜索框怎么写

HTML代码<form action="" method="get"><div id="search-box"> <input name="" type="text" class="input-box" /> <input name="" type="submit" value="搜索" class="button" /></div></form>CSS代码：#search-box.input-box.button{ float:right; border:0; background:none; text-indent:-999px; width:70px; height:29px; cursor:pointer}

.search/*整个搜索框*/width:300px;height:30px;background-image: url(../images/search.gif)/*这是这个搜索框的背景*/;background-repeat: no-repeat;background-position: 50%;margin-top: 10px;margin-right: 0px;margin-bottom: 0px;margin-left: 15px;padding: 0px;overflow: hidden;clear: both;}.search input/*用来去掉搜索框里的文本框和按钮的背景和边框，并设置并列排放*/border:none;background:none;float:left;}.search_box/文本框样式/width:150px;height:26px;line-height:26px;padding:0px;color:#999999;text-align:left;margin-top: 2px;margin-right: 15px;margin-bottom: 0px;margin-left: 10px;float: left;}.search_button/*按钮样式*/width:45px;height:27px;cursor:pointer;color:#000000;font-size: 14px;}具体样式可根据自己的需要调整。希望对你有所帮助。