`
txf2004
  • 浏览: 7040769 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

改变select下拉菜单右侧三角形样式的方法

CSS 
阅读更多
http://www.corange.cn//uploadfiles/1017-3_13864.jpg


<style type="text/css">
<!--
.select1
{
width: 110px;
height: 18px;
overflow: hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
display:block;
}
.select2{
border: 1px solid #000;
width:130px;
display:block;
height: 18px;
overflow:hidden;
background:url(images/icons/10.gif) right top no-repeat 18px 18px; /*这里设置的是新的小图标*/
}
select
{ FONT-SIZE: 13px;
position: relative;
left: -2px;
top: -2px;
width: 130px;
color: #000;
}
-->
</style>
<div class="select2">
<div class="select1">
<select>
<option>小崔设计</option>
<option>小崔设计</option>
<option>小崔设计</option>
<option>小崔设计</option>
</select>
</div>
</div>

分享到:
评论

相关推荐

    select 分组下拉菜单自定义样式

    本话题将深入探讨如何自定义`select`分组下拉菜单的样式,以实现更美观且功能丰富的交互效果。 首先,我们需要了解`&lt;select&gt;`的基本结构。一个带有分组的`select`通常会包含`&lt;optgroup&gt;`元素来创建选项组,以及`...

    select下拉菜单美化.rar

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

    select下拉菜单美化

    在网页设计中,`&lt;select&gt;`元素用于创建下拉菜单,但其默认样式通常较为简陋,不符合现代网页的美观需求。"select下拉菜单美化"这个话题关注的就是如何通过CSS和图片来改进这一情况,使其更加吸引用户,提升用户体验...

    js模拟点击select下拉菜单列表代码

    这可以通过改变`&lt;select&gt;`的`size`属性来实现。当`size`值大于1时,下拉菜单会以多选框的形式显示所有选项。我们可以在事件处理函数中暂时设置`size`,然后在用户做出选择或一定时间后恢复原状: ```javascript ...

    JS模拟select下拉菜单

    在网页开发中,`&lt;select&gt;`元素用于创建一个下拉菜单,用户可以从预定义的选项中选择一个。然而,有时为了实现更复杂的功能或者更好的视觉效果,开发者可能会选择使用JavaScript来模拟`&lt;select&gt;`下拉菜单。这种方法...

    jquery select下拉菜单美化搜索框样式代码

    总之,通过jQuery和相关的插件,我们可以轻松地将传统的`select`下拉菜单转变为功能强大、样式美观的搜索框,提升用户在网页上的交互体验。在实际开发中,应根据项目需求和性能要求选择合适的工具和方法,确保实现...

    图标 文字类型的Js Select下拉菜单.rar

    本文将深入探讨“图标文字类型的Js Select下拉菜单”,它结合了图标和文字,为用户提供了直观且易用的界面,带有苹果风格的用户体验。 首先,这个下拉菜单的设计理念在于融合图标和文字,以增强菜单的视觉吸引力和...

    这是一款使用html5svg和css3制作的炫酷select下拉菜单美化效果

    在这个项目中,我们看到的是如何利用这两者以及JavaScript来实现一个炫酷的Select下拉菜单美化效果。让我们深入探讨一下这些技术及其在创建这种效果时的应用。 首先,HTML5的`&lt;select&gt;`元素是网页表单中常见的组件...

    js控制select选中显示不同表单内容select下拉菜单特效

    js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效

    jQuery模拟Select下拉菜单选中添加代码

    然而,原生的`&lt;select&gt;`在样式定制和交互性方面有限,因此开发者常常使用jQuery来创建更复杂的下拉菜单替代方案。 在描述中提到的插件,我们可能需要实现以下功能: 1. **多选**:用户可以勾选多个选项。 2. **搜索...

    div模拟下拉菜单(select)jquery插件.gz

    总结来说,这个插件提供了一种使用`div`和jQuery实现下拉菜单的方法,它允许开发者自定义样式,提升用户体验。在实际开发中,你可以根据`demo.html`来快速上手,通过修改`divselect.js`来定制功能,利用`jquery.js`...

    select下拉菜单

    在提供的压缩包文件中,"select下拉"很可能包含了示例代码或资源,可以帮助你进一步理解和实践上述自定义下拉菜单的方法。通过结合这些文件与本文档中的指导,你可以创建出既美观又实用的自定义下拉菜单,提升你的...

    select下拉菜单美化demo

    但CSS并不能完全改变下拉列表展开的样式,这就需要其他方法。 2. **JavaScript库**:常见的JavaScript库如Select2、Chosen、jQuery UI Selectmenu等提供了强大的下拉菜单美化功能。这些库通过监听`&lt;select&gt;`元素的...

    select下拉选择不同状态

    5. **JavaScript库**:`select-lists4.js`可能是一个扩展了原生`&lt;select&gt;`功能的库,提供了更复杂的下拉菜单样式和行为。它可能包含对颜色状态支持的API,或者可以用来实现更高级的交互功能。 综上所述,实现...

    jQuery模拟Select下拉菜单选中添加代码.zip

    本压缩包提供了一种使用jQuery模拟Select下拉菜单的方法,它不仅可以实现基本的下拉功能,还能增强用户体验,如添加动画效果、自定义样式等。 jQuery是一款轻量级的JavaScript库,它的目标是使JavaScript编程变得更...

    jquery超炫select下拉菜单美化插件

    jquery.dropdown是一款效果非常炫酷的select下拉菜单美化插件。这款jQuery下拉菜单美化插件能够使菜单选项一各种很炫的动画方式展现出来,其中的一些3d动画使用到了css3 3d动画效果。

Global site tag (gtag.js) - Google Analytics