我的搜索框如下，想变短变窄一些。

搜索框的程序如下：

“ <form name="searchform" action="{$GetInstallDir}plus/search/index.asp" method="post">
         <div id="search"><input name="key" id="key"  type="text"   value="搜索您感兴趣的内容关键字" class="search1"/>
            <input type="hidden" name="m" id="m" value="0"/>
      <input name="Input" type="submit" class="search2" value="搜索"/>
           </form>
         </div>”

打开style.css里的调整也不管用。请问如何操作？谢谢

/*搜索*/
.high{height:40px; padding-top:10px; background:#FAFAFA}
.search1{ padding-top:10px;}
.bon{ background:#FF9900; border:1px solid #FF9900; color:#FFF; height:32px; width:17%;}
#key{  border:#DDD solid 1px; padding:5px 0; width:65%; float:left; margin-left:40px; height:20px;}
.sbtn{ border:#DDD solid 1px; border-left:none; padding:5px 0; float:left; width:20%; cursor:pointer; background:#FF9900 url(_lanrentuku.com.png) no-repeat center; height:32px;}

另外搜索页出来下面的内容，头两条是我想要下的，从第三条开始自动跳出来好多内容，请问如何不要这些？谢谢

我改了#key{  border:#DDD solid 1px; padding:5px 0; width:35%; float:left; margin-left:10px; height:10px;}并且保存了。

结果，发布首页什么都没变化。如下图：

另外另外搜索页出来下面的内容的网址都是http://locahost/item...也就是说是本地有的内容。我把本地的这些内容删除了不就行了吗？这些内容从哪里删除呀？

搜索框的问题终于搞定了。是要这三个控制的。发布完首页后，要F5刷新才能看到效果。

#search{ width:290px; height:48px;}

.search1{color:#999999;width:180px;height:35px; line-height:35px;  float:left; padding-left:36px; border:1px #CCCCCC solid; background:#fff url(sicon.png) no-repeat 10px 7px; font-size:18px;}

.search2{color:#FFFFFF; float:left; background:#FF9900; height:37px; line-height:37px; font-size:14px; width:66px; border:#2A6CA2 0px solid; cursor:pointer; font-family:"微软雅黑"}