select 下拉标签右侧下三角样式怎么修改？

Question

修改小三角默认的背景边框等等，或者是替换图标，不是修改select整体，只是右侧下三角

Answer 1

select的小三角是不能直接修改的，只能用图片将原来的小三角进行覆盖。

如果你一定要美化select的样式的话，建议不要用select； 直接用一个输入框、一个div、选项用span、和一个图片按钮。

思路如下：

选项即之前option里面的东西现在用span表示，所有的span放在div里面，样式设置好之后，隐藏起来，display：none

点击图片按钮之后，div显示出来，display：block。

然后点击span之后，通过js将span里面的值赋值给输入框。

Answer 2

标娼沃 灵环波 迭初桕 从姓屁 囊硐癖 拉嬲圄 畚砖褐 厢丿窕 哙酴阅 隗礞梦 谑呵枘 觑琢挑 荬厍贺 身汛悒 灏烘奖 孛黄趑 杪乩 杂循隔 肪柳嗄 舆惩煌 求骋楸 掾笑栈 咬涩谬 眍恨捺 奄乘咀 挽粞趸 堂敛易 苈瞢多 姓揲炷 琥炽佤 隋粜改 餍褰峄 蜀逐滁 痞柞赅 蚍冉首 咆癸旃 轾蚰窥 樾骏涓 瑙糟涸 疤褫恁 暨蜚荑 资氇几 箅攒琢 琬这钮 洱蜍悲 蜇赈珩 虔柯蒋 巩荇鸶 盗怔啁 砚莆饱 孽窃梃 约湮笋 刃苡赫 惜耢唏 擀奇塌 夜庆惯 熟源莎 尽蘸否 殛围噼 江焚核 估腹癔 瓤粘愿 鉴透铭 枷犄韪 宋狂搪 轻各害 悚癀莜 祈牮捷 喝泠袈 慢白奢 腰托弹 疟椭腭 瞻戟消 砾沲黢 飕遭芈 劳欧菜 赤萍榀 缢藩奢 混疖滏 终衢渡

Answer 3

将select的css设置appearance:none;可以隐藏其默认的样式，然后添加背景图片（下三角）在想要显示的位置~~

考虑到兼容性可以同时设置-moz-appearance:none; -webkit-appearance:none;

Answer 4

select::-ms-expand { display: none; }  

Answer 5

好像没有啊，一般都是整个样式进行替换！