下拉菜单的箭头怎么修改他的css样式

直接写出来是这种效果:我想要的效果是这样的:... 直接写出来是这种效果:

我想要的效果是这样的:
展开
 我来答
leo_howl
推荐于2016-10-28 · TA获得超过1465个赞
知道小有建树答主
回答量:290
采纳率:85%
帮助的人:95万
展开全部

首先下拉菜单的样式是可以改变的,最关键的步骤是在select外层包裹一个div。

具体如下:

  1. 首先准备好一个你想替换成的样式的背景图片,因为这个效果是通过设置背景图片实现的。

  2. 在select外层包裹一层div,设置select的border:none;outline-style:none;(去除边框和选中时的边框)

  3. 设置select的背景为你之前准备好的效果图片。

css中很多效果都是通过这种去除边框,设置背景透明,再加上自己想要的背景图片来实现的。有时候甚至将整个元素整个设置透明,用自己制作的样式来替换。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
鲜少老师
2013-07-03 · TA获得超过527个赞
知道小有建树答主
回答量:630
采纳率:0%
帮助的人:383万
展开全部
这种效果需要用JS来模拟
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
清水栞
2013-07-03 · TA获得超过1547个赞
知道小有建树答主
回答量:1538
采纳率:50%
帮助的人:981万
展开全部
你的效果图已经不是普通的下拉菜单的,是用JS实现的用图片做上去的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式