如何用图片代替select的箭头。

gulimiao 2007-01-31 09:58:24

大哥如何用图片代替select的箭头。

...全文

374 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qisanyou 2007-02-02

打赏
举报

回复

google一下

tornado_cn 2007-02-02

打赏
举报

回复

自己写一个下拉控件

badwish 2007-02-02

打赏
举报

回复

我知道的也就是上面这位说的了，不可以直接用的。

engzs 2007-02-02

打赏
举报

回复

用div模拟整个select

很多时候，美工会觉得默认的select下拉框很难看（特别是右侧的下拉箭头按钮），他们通常喜欢用一个自定义的图标来代替这个按钮。这样就只能用 js + div 来模拟了，倒腾了一番，用jQuery模拟了下，当然网上这种文章也不少，只是懒得去看找代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head>

使用::after代替select标签的默认下拉箭头去掉selcet标签的默认箭头样式 select { width: 200px; padding: 10px; /* 清楚select原始样式 */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

有时候不想用select默认下拉箭头，用自己的代替，只需要隐藏select默认的下拉箭头，替换上自己的就可以了。具体css代码如下： 111 111 111 css: select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url('..

插件描述：可以任意修改下拉箭头样式可以自己放入任意图片来代替下拉箭头样式更新时间：2017/8/9 上午12:42:27更新说明：减少代码量，优化代码，是插件运行更快，更轻便使用方法在使用之前先引入css，js 文件在每一个原生的 select 外围设置一个 div 包裹住(初始化之后的select宽度为div的宽度)第一个下拉第二个下拉第二个下拉第二个下拉第二个下拉第三个下拉进行初始化...

CSS代码 /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none; } .info-select{ width: 12%; margin-left: 64%; border: none; outline: none; /*将默认的select选择框样式清除*/ a...

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章