`
YongJie
  • 浏览: 73160 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

SELECT美化

    博客分类:
  • CSS
css 
阅读更多

<style type="text/css">

.select { width:80px; height:24px; background:none; border:none; }

#sleHid { display:block; width:56px; overflow:hidden; }

#sleBG { width:78px; height:24px; border:#61AC36 1px solid; border-right:none; background:url(arrow.gif) #fff no-repeat 62px 1px; display:block;}

</style>

<div>

<form>

<span id="sleBG">

<span id="sleHid">

<select name="type" class="select">

<option selected="selected">所有分类</option>

<option value="1">图书</option>

<option value="2">音像hhhhhhhhhhhhhhhhhhhhhhhhhhh</option>

</select>

</span>

</span>

</form>

</div>

分享到:
评论

相关推荐

    jquery select美化插件

    这就催生了jQuery Select美化插件的出现。本篇文章将深入探讨jQuery Select美化插件的相关知识点,以及如何使用这些插件来提升网站的UI体验。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、...

    js select框美化插件设置多种风格select美化列表框

    本文将详细介绍一种专门用于美化`select`框的JavaScript插件,以及如何实现不同风格的select美化列表框,如U-Box风格、Mac风格和TM2008风格。 首先,我们讨论JS Select框美化插件的基本原理。这种插件通常会将原生...

    jquery select美化插件selectlist plugin下载地址.zip

    《jQuery Select美化插件:SelectList Plugin深度解析与应用指南》 在网页设计中,下拉选择框(Select)作为常见的交互元素,其样式和功能往往受限于浏览器默认的实现,无法满足现代网页的美观与交互需求。为了解决...

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    在美化`&lt;select&gt;`的过程中,一种常见的方法是使用CSS来覆盖默认样式。然而,直接修改`&lt;select&gt;`的样式可能会导致一些问题,比如失去原生的交互效果,如滚动和键盘导航。为了解决这个问题,我们可以创建一个自定义的...

    DIV+select美化支持IE6 IE7 火狐(门户搜索)觉得兼容

    标题中的“DIV+select美化支持IE6 IE7 火狐(门户搜索)觉得兼容”指的是一项网页设计技术,主要是针对HTML中的`&lt;div&gt;`元素和`&lt;select&gt;`下拉菜单进行美化,并确保在不同浏览器,特别是老旧的Internet Explorer(IE6...

    select美化.rar

    "select美化"旨在通过CSS、JavaScript甚至专门的库或框架来统一和增强`&lt;select&gt;`的外观与功能,使其在所有浏览器上保持一致的美观效果,并实现类似Uber(uur)模式的用户体验。 首先,我们要理解CSS在美化`&lt;select&gt;...

    jQuery下拉列表select美化插件jQselectable

    jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable

    select 美化后的效果

    "select美化后的效果"这个主题关注的就是如何通过CSS(层叠样式表)和其他前端技术来提升`&lt;select&gt;`元素的视觉吸引力,使其更好地融入网站的整体设计。 首先,我们需要理解`&lt;select&gt;`的基本结构。它包含若干个`...

    js select美化下拉框美化

    因此,"js select美化下拉框美化" 成为了一个重要的开发话题。这个主题主要涉及到JavaScript、CSS以及可能的库或框架的应用,以提升下拉框的视觉效果和用户体验。 JavaScript 是实现下拉框美化的关键工具,它可以...

    Select美化,年月日联动,省市区联动,生日联动

    "Select美化,年月日联动,省市区联动,生日联动"这个项目就是针对这些需求提供的一种解决方案。接下来,我们将深入探讨其中涉及的技术点。 首先,"Select美化"是指改善HTML中的&lt;select&gt;元素的默认样式,使其更符合...

    select美化自定义下拉框样式.zip

    "select美化自定义下拉框样式"项目就是为了解决这个问题,它通过jQuery库来增强`&lt;select&gt;`元素的外观和交互效果,使其更加符合用户界面设计的要求。 首先,jQuery是一个广泛使用的JavaScript库,它简化了JavaScript...

    jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好).zip

    本资源"jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好)"正是这样一个解决方案,它将Select转换为类似菜单的风格,且具有良好的浏览器兼容性。 jQuery是一款广泛使用的JavaScript库,它简化了DOM...

    jquery下拉框选择select美化插件FancySelect.js.zip

    在这个场景中,"jquery下拉框选择select美化插件FancySelect.js.zip" 提供了一个解决方案,专门针对HTML中的`&lt;select&gt;`元素进行美化,提升网页的视觉体验。 `&lt;select&gt;`是HTML中用于创建下拉列表的标签,但其默认...

    jquery -- select美化--多级联动下拉

    标题 "jquery -- select美化--多级联动下拉" 指的是利用 jQuery 插件来实现 Select 的美化和多级联动效果。这种技术可以提升用户体验,使得用户在选择过程中能够更加直观、便捷地找到目标选项。 首先,jQuery 插件...

    基于jquery实现的select美化自定义下拉框样式.zip

    本资源"基于jquery实现的select美化自定义下拉框样式.zip"提供了一种利用jQuery库来改进select元素外观的方法。jQuery是JavaScript的一个强大库,它简化了DOM操作、事件处理和动画设计,使得前端开发更为高效。 1. ...

    jquery select列表选择框选中美化效果源码

    &lt;title&gt;jQuery Select美化 &lt;link href="select2.min.css" rel="stylesheet" /&gt; &lt;script src="jquery.min.js"&gt;&lt;/script&gt; &lt;script src="select2.full.min.js"&gt; &lt;select class="js-example-basic-single"&gt; ...

    select下拉菜单美化.rar

    本资源"select下拉菜单美化.rar"可能包含了一套用于改善默认select菜单外观的JavaScript库或者CSS样式集,旨在提供更加美观、交互性更强的下拉选择体验。 通常,这种美化方法会涉及到以下几个关键知识点: 1. **...

    表单验证+对话框+日期格式化+日期选择框+select美化js框架

    "表单验证+对话框+日期格式化+日期选择框+select美化js框架"这个主题涵盖了一些核心的技术点,它们都是构建高效、友好且功能丰富的前端应用不可或缺的部分。接下来,我们将深入探讨这些知识点。 1. 表单验证: ...

Global site tag (gtag.js) - Google Analytics