网站地图    收藏   

主页 > 前端 > css教程 >

改变WordPress默认搜索小工具样式 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 鉴于近期Google搜索变得极不稳定,HotNews Pro 主题集成的Google自定义搜索功能,也时常失去作用,无法显示搜索结果,如果你不想彻底关闭Google自定义搜索功能,而全部使用WP自带的简易搜...

 

鉴于近期Google搜索变得极不稳定,HotNews Pro 主题集成的Google自定义搜索功能,也时常失去作用,无法显示搜索结果,如果你不想彻底关闭Google自定义搜索功能,而全部使用WP自带的简易搜索功能,可以在侧边栏中调用WP默认的搜索小工具,为保持该小工具样式与主题风格保持一致,可以把下面的代码加到主题样式文件style.css中,改变其默认样式。

 

/** 搜索小工具**/  

input#s {   

width:190px;   

height: 22px;   

*margin: 10px 0 0 0;   

*+margin: 10px 0 0 0;   

padding: 1px;   www.2cto.com

border:1px solid #ccc    

}   

input#searchsubmit {   

background:url(../images/go.gif) no-repeat;   

width:15px;   

height:15px;   

border:none;   

cursor:pointer;   

text-indent:-10000px;   

}   

.box {   

*height:35px;   

*+height:35px;   

}   

.screen-reader-text {   

display: none;   

}  

 

最终效果如我博客侧边栏的站内搜索。

 

注:使用WP默认小工具,一定要添写小工具的标题,否则会造成模板错位

摘自:zmingcx.com

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论