有谁知道的外观如何修改？ wlboy110 2003-11-16 09:10:38 想改它的外观，包括颜色，下拉的小尖头的颜色，等等 找了很久也不知道怎么修改，谁能帮帮忙？ ...全文 57 3 打赏 收藏 有谁知道<select>的外观如何修改？ 想改它的外观，包括颜色，下拉的小尖头的颜色，等等 找了很久也不知道怎么修改，谁能帮帮忙？ 复制链接 扫一扫 分享 转发到动态 举报 写回复 配置赞助广告取 消 确 定 用AI写文章 3 条回复 切换为时间正序 请发表友善的回复… 发表回复 打赏红包 需支付: 0.00 元 取 消 确 定 wanghr100 2003-11-17 打赏举报 回复 select的外观很多都是不能改的。 你可以用层表格进行模拟。。 外观都可以改变了。 http://lucky.myrice.com/javascriptexam/mengxhselect.htm nchen123 2003-11-16 打赏举报 回复 http://fason.nease.net/code/form/select/coolselect.htm nssp 2003-11-16 打赏举报 回复 我只成功修改了背景颜色和文字样式： select { background: #FFF7FF; font-family:Arial; font-size: 12px; font-color:#FF0000; } zencart currency 选择项目 原zencart默认的货币功能是用select选择的方式外观不好，这款插件是根据网上也流传着很多教程修改而来，简介方便。 美化表单元素 //一、使用appearance改变webkit浏览器的默认外观 input,select { -webkit-appearance:none; appearance: none; } //二、winphone下，使用伪元素改变表单元素默认外观 //1.禁用select默认箭头，::-ms-expand修改表单控件下拉箭头，设置隐藏并使用背景图片来修饰 select::-ms-expa... 移动端h5页面常见问题 4：）美化表单元素 //一、使用appearance改变webkit浏览器的默认外观 input,select { -webkit-appearance:none; appearance: none; } //二、winphone下，使用伪元素改变表单元素默认外观 //1.禁用select默认箭头，::-ms-expand修改表单控件下拉箭头，设置隐藏并使用背景图片来修饰 select::-m... 最完美的select下拉框美化 很多人为 select 的诸多不完善而头痛，如无法自定义样式、 IE6 中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件： UU 人下拉框 特点 1 ：美化的并且可自定义的外观 UU 人下拉框使用 JS 进行渲染。当页面引入了脚本和 CSS 后，页面中的下拉框都会变成如下外观： 该外观是由 CSS 和图片控制。通过修改... UI框架 最完美的select下拉框美化 最完美的select下拉框美化 很多人为select的诸多不完善而头痛，如无法自定义样式、IE6中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件：360UI即QUI下拉框（ ） 特点1：美化的并且可自定义的外观 QUI下拉框使用JS进行渲染。当页面引入了脚本和CSS后，页面中的下拉框都会变成如下外观： 该外观是由CSS和图片控制。通过修改CSS可以很方便地实现更改外 CSS 61,093 社区成员 60,756 社区内容 发帖 与我相关 我的任务 CSS 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 复制链接 扫一扫 分享 确定 社区描述 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 社区管理员 加入社区 获取链接或二维码 近7日 近30日 至今 加载中 查看更多榜单 社区公告 暂无公告 试试用AI创作助手写篇文章吧 + 用AI写文章 window.__INITIAL_STATE__= {"csrf":"rDlnPsxI-d9CyZlCgVTR5Wz0erBi7B5zCDik","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_657808490-1695620982713-278660;","ip":"3.235.188.113","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"HTMLCSS","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","owner":{"userName":"community_7","nickName":"HTML(CSS)社区","avatarUrl":"https:\u002F\u002Fprofile.csdnimg.cn\u002Fd\u002Ff\u002F5\u002F3_community_7","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"CSS","description":"层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002F34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile.csdnimg.cn\u002Fd\u002Ff\u002F5\u002F3_community_7","communityNotice":null,"userCount":61093,"contentCount":60756,"followersCount":31786,"communityRule":"","communityId":126,"bgImage":"","hashId":"mgwm1ywl","domain":"","uriName":"HTMLCSS","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_7","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1285,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1285","iframe":false,"sortType":1},{"tabId":874,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F549","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055690,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=4055690","iframe":false,"sortType":1},{"tabId":1637781,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1637781","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"CSS","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","communityType":1,"content":{"id":"40331113","contentId":40331113,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40331113","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40331113","createTime":"2003-11-16 09:10:38","updateTime":"2021-05-28 13:49:25","resourceUsername":"wlboy110","best":0,"top":0,"text":null,"publishDate":"2003-11-16","lastReplyDate":"2003-11-17","type":"13","nickname":"wlboy110","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","username":"wlboy110","commentCount":3,"diggNum":0,"digg":false,"viewCount":57,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"有谁知道\u003Cselect\u003E的外观如何修改？","insertFirst":false,"likeInfo":null,"description":"想改它的外观，包括颜色，下拉的小尖头的颜色，等等 找了很久也不知道怎么修改，谁能帮帮忙？","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221109054038.png","content":"想改它的外观&#xff0c;包括颜色&#xff0c;下拉的小尖头的颜色&#xff0c;等等\u003Cbr \u002F\u003E\n找了很久也不知道怎么修改&#xff0c;谁能帮帮忙&#xff1f;","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F21.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","nickname":"wlboy110","selfdesc":"","createdate":"2003-01-16 14:14:00","days":"7557","years":"21","username":"wlboy110","school":null,"company":null,"job":null},"userName":"wlboy110","event":"创建了帖子","body":"2003-11-16 09:10","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":3,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"select的外观很多都是不能改的。\u003Cbr \u002F\u003E\n你可以用层表格进行模拟。。\u003Cbr \u002F\u003E\n外观都可以改变了。\u003Cbr \u002F\u003E\nhttp:\u002F\u002Flucky.myrice.com\u002Fjavascriptexam\u002Fmengxhselect.htm","topicTitle":null,"description":"select的外观很多都是不能改的。 你可以用层表格进行模拟。。 外观都可以改变了。 http:\u002F\u002Flucky.myrice.com\u002Fjavascriptexam\u002Fmengxhselect.htm","id":30776396,"contentResourceId":40331113,"bindContentResourceId":0,"communityId":126,"username":"wanghr100","userNickName":"wanghr100","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-11-17 07:01:11","updateTime":"2003-11-17 07:01:11","formatTime":"2003-11-17","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"http:\u002F\u002Ffason.nease.net\u002Fcode\u002Fform\u002Fselect\u002Fcoolselect.htm","topicTitle":null,"description":"http:\u002F\u002Ffason.nease.net\u002Fcode\u002Fform\u002Fselect\u002Fcoolselect.htm","id":30775292,"contentResourceId":40331113,"bindContentResourceId":0,"communityId":126,"username":"inelm","userNickName":"nchen123","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-11-16 11:32:46","updateTime":"2003-11-16 11:32:46","formatTime":"2003-11-16","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"我只成功修改了背景颜色和文字样式&#xff1a;\u003Cbr \u002F\u003E\nselect\u003Cbr \u002F\u003E\n{\u003C!-- --\u003E\u003Cbr \u002F\u003E\nbackground: #FFF7FF; font-family:Arial; font-size: 12px; font-color:#FF0000;\u003Cbr \u002F\u003E\n}","topicTitle":null,"description":"我只成功修改了背景颜色和文字样式： select { background: #FFF7FF; font-family:Arial; font-size: 12px; font-color:#FF0000; }","id":30774636,"contentResourceId":40331113,"bindContentResourceId":0,"communityId":126,"username":"nssp","userNickName":"nssp","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-11-16 10:36:36","updateTime":"2003-11-16 10:36:36","formatTime":"2003-11-16","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1285,"recommends":[{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fyyxinyyyt\u002F8335239","title":"zencart currency 选择项目","desc":"原zencart默认的货币功能是用\u003Cem\u003Eselect\u003C\u002Fem\u003E选择的方式\u003Cem\u003E外观\u003C\u002Fem\u003E不好，这款插件是根据网上也流传着很多教程\u003Cem\u003E修改\u003C\u002Fem\u003E而来，简介方便。","createTime":"2015-01-07 09:35:26","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~ESQUERY~Paid-1-8335239-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~ESQUERY~Paid-1-8335239-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fyyxinyyyt\u002F8335239\",\"strategy\":\"2~default~ESQUERY~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~ESQUERY~Paid-1-8335239-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fyyxinyyyt\u002F8335239\",\"strategy\":\"2~default~ESQUERY~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~ESQUERY~Paid-1-8335239-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30298497\u002Farticle\u002Fdetails\u002F95809658","title":"美化表单元素","desc":"\u002F\u002F一、使用appearance改变webkit浏览器的默认\u003Cem\u003E外观\u003C\u002Fem\u003E\r\ninput,\u003Cem\u003Eselect\u003C\u002Fem\u003E { -webkit-appearance:none; appearance: none; }\r\n\r\n\u002F\u002F二、winphone下，使用伪元素改变表单元素默认\u003Cem\u003E外观\u003C\u002Fem\u003E\r\n\u002F\u002F1.禁用\u003Cem\u003Eselect\u003C\u002Fem\u003E默认箭头，::-ms-expand\u003Cem\u003E修改\u003C\u002Fem\u003E表单控件下拉箭头，设置隐藏并使用背景图片来修饰\r\n\u003Cem\u003Eselect\u003C\u002Fem\u003E::-ms-expa...","createTime":"2018-01-22 18:07:00","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-2-95809658-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-2-95809658-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30298497\u002Farticle\u002Fdetails\u002F95809658\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-2-95809658-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30298497\u002Farticle\u002Fdetails\u002F95809658\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-2-95809658-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002FFireBird_one\u002Farticle\u002Fdetails\u002F81269566","title":"移动端h5页面常见问题","desc":"\n4：）美化表单元素\n\u002F\u002F一、使用appearance改变webkit浏览器的默认\u003Cem\u003E外观\u003C\u002Fem\u003E\ninput,\u003Cem\u003Eselect\u003C\u002Fem\u003E { -webkit-appearance:none; appearance: none; }\n\n\u002F\u002F二、winphone下，使用伪元素改变表单元素默认\u003Cem\u003E外观\u003C\u002Fem\u003E\n\u002F\u002F1.禁用\u003Cem\u003Eselect\u003C\u002Fem\u003E默认箭头，::-ms-expand\u003Cem\u003E修改\u003C\u002Fem\u003E表单控件下拉箭头，设置隐藏并使用背景图片来修饰\n\u003Cem\u003Eselect\u003C\u002Fem\u003E::-m...","createTime":"2018-07-29 11:42:59","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-3-81269566-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-3-81269566-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002FFireBird_one\u002Farticle\u002Fdetails\u002F81269566\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-3-81269566-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002FFireBird_one\u002Farticle\u002Fdetails\u002F81269566\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-3-81269566-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fiteye_14086\u002Farticle\u002Fdetails\u002F81992801","title":"最完美的\u003Cem\u003Eselect\u003C\u002Fem\u003E下拉框美化","desc":"很多人为\r\n\u003Cem\u003Eselect\u003C\u002Fem\u003E\r\n的诸多不完善而头痛，如无法自定义样式、\r\nIE6\r\n中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件：\r\nUU\r\n人下拉框\r\n\r\n \r\n\r\n特点\r\n1\r\n\r\n：美化的并且可自定义的\u003Cem\u003E外观\u003C\u002Fem\u003E\r\n\r\n\r\nUU\r\n人下拉框使用\r\nJS\r\n进行渲染。当页面引入了脚本和\r\nCSS\r\n后，页面中的下拉框都会变成如下\u003Cem\u003E外观\u003C\u002Fem\u003E：\r\n\r\n\r\n该\u003Cem\u003E外观\u003C\u002Fem\u003E是由\r\nCSS\r\n和图片控制。通过\u003Cem\u003E修改\u003C\u002Fem\u003E...","createTime":"2010-12-24 18:17:10","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-4-81992801-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-4-81992801-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fiteye_14086\u002Farticle\u002Fdetails\u002F81992801\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-4-81992801-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fiteye_14086\u002Farticle\u002Fdetails\u002F81992801\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-4-81992801-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fchentiedong\u002Farticle\u002Fdetails\u002F6319991","title":"UI框架 最完美的\u003Cem\u003Eselect\u003C\u002Fem\u003E下拉框美化","desc":"最完美的\u003Cem\u003Eselect\u003C\u002Fem\u003E下拉框美化\n很多人为\u003Cem\u003Eselect\u003C\u002Fem\u003E的诸多不完善而头痛，如无法自定义样式、IE6中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件：360UI即QUI下拉框（\n ）\n \n特点1：美化的并且可自定义的\u003Cem\u003E外观\u003C\u002Fem\u003E\nQUI下拉框使用JS进行渲染。当页面引入了脚本和CSS后，页面中的下拉框都会变成如下\u003Cem\u003E外观\u003C\u002Fem\u003E：\n\n该\u003Cem\u003E外观\u003C\u002Fem\u003E是由CSS和图片控制。通过\u003Cem\u003E修改\u003C\u002Fem\u003ECSS可以很方便地实现更改外","createTime":"2011-04-13 11:35:00","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-5-6319991-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-5-6319991-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fchentiedong\u002Farticle\u002Fdetails\u002F6319991\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-5-6319991-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fchentiedong\u002Farticle\u002Fdetails\u002F6319991\",\"strategy\":\"2~default~ESQUERY~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ESQUERY~Rate-5-6319991-bbs-40331113.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1695620982750_99320\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":126,"username":"community_7","userNickname":"HTML(CSS)社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:04:39","updateTime":"2021-05-12 18:04:39","lastLoginTime":"2021-05-12 18:04:39"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F40331113","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40331113","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["40331113"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F40331113","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40331113","active":0,"navBarFixed":false,"title":"有谁知道\u003Cselect\u003E的外观如何修改？","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":126,"topicId":40331113},"keywords":"","description":"以下内容是CSDN社区关于有谁知道\u003Cselect\u003E的外观如何修改？相关内容，如果想了解更多关于CSS社区其他内容，请访问CSDN社区。"}; window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, };

[wlboy110]

想改它的外观，包括颜色，下拉的小尖头的颜色，等等
找了很久也不知道怎么修改，谁能帮帮忙？

[nssp]

我只成功修改了背景颜色和文字样式：
select
{
background: #FFF7FF; font-family:Arial; font-size: 12px; font-color:#FF0000;
}

[nchen123]

http://fason.nease.net/code/form/select/coolselect.htm

[wanghr100]

select的外观很多都是不能改的。
你可以用层表格进行模拟。。
外观都可以改变了。
http://lucky.myrice.com/javascriptexam/mengxhselect.htm