jQuery下拉美化搜索表单效果代码共享

本文介绍了jQuery下拉框美化搜索表单的效果，供大家参考：

jQuery下拉式美化搜索窗体样式代码，是一个美化下拉框的窗体，样式已经写过，需要修改的朋友可以使用。

兼营：-------------------查看结果-------------------效果图
提示：如果不能在浏览器中正常运行，可以尝试切换浏览模式。

共享jQuery下拉式美化搜索表单效果代码如下

jQuery下拉样式代码美化搜索窗体

搜索
。搜索{边界：2px固体# f58400；身高：35px；保证金：40px汽车0汽车；宽度：525px；}
搜索选择{显示：无；}
。搜索。select_box {字体大小：12px；颜色：# 999999；宽度：100px；线高度：35px；浮动：左；位置：相对；}
。搜索。select_showbox {身高：35px；背景：URL（图像/ search_ico。PNG）没有重复80px中心；文本缩进：1.5em；}
。搜索。select_showbox。主动{背景：URL（图像/ search_ico_hover。PNG）没有重复80px中心；}
。搜索。select_option {边界：2px固体# f58400；边境上：无；显示：无；左：- 2px；顶部：35px；位置：绝对；Z指数：99；背景：# FFF；}
。search.select_option李{文本缩进：1.5em；宽度：90px；鼠标指针；}
。search.select_option李。选择{背景颜色：# f3f3f3；颜色：# 999；}
。search.select_option李。悬停{背景：# bebebe；颜色：# FFF；}

。搜索输入。inp_srh，搜索输入。btn_srh {边界：无；背景：无；身高：35px；线高度：35px；浮动：左}
。搜索输入。inp_srh {概述：无；宽度：365px；}
。搜索输入。btn_srh {背景：# f58400；颜色：# FFF；字体；字体大小：15px；微软雅黑宽度：60px；}

搜索所有
新闻中心
技术文档
下载中心


以上是分享jQuery下拉式美化搜索方式的代码，希望大家能喜欢。