隐藏边框及下拉箭头_html/css_WEB-ITnose 程序员文章站 2022-03-31 14:53:42 ... 用CSS样式隐藏的四周边框及下拉箭头，主要是用来打印的，为了美观，只想显示选中内容。 我用样式控制了，单独测试可以实现效果，但放在列表中的里，位置就不美观，选中的内容压着列表线，怎么办啊？ 张 台 米 件 个 块 以上这样，放在页面上测试，可以实现我要的效果。但是 张 台 米 件 个 块 外面加上显示在列表中，就出现汉字压杠儿的问题了。 求高手解决啊！！！ 回复讨论(解决方案) 可以换一个思路，用js 来解决 把select 隐藏，添加一个textbox 来显示select 的值,大概逻辑是这样，没测试过的代码，可能有写错的单词，我没用IDE，直接上的代码！ function hiddenSelect(){ var slcList=document.getElementsByTagName('select'); var ipt ; for(var i=0;i ipt = document.createElement("input"); ipt.setAttribute('slcValue',slcList[i].value); // 设置选中的值 ipt.value = slcList[i].options[slcList[i].selectedIndex].text; slcList[i].parentNode.appendChild(ipt); slcList[i].style.display="none"; } } 声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。 相关文章 相关视频 html下拉菜单文字怎么变小 HTML里怎么设置thead表头的颜色 html5中元素能拉伸宽度吗 html中怎么清除li黑点 隐藏<select>边框及下拉箭头_h... 框架初始类文件 前端应用 MVC目录结构规划 博客前后台功能介绍 网友评论 文明上网理性发言，请遵守 新闻评论服务协议我要评论 立即提交 专题推荐 独孤九贱-php全栈开发教程全栈 170W+ 主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门 玉女心经-web前端开发教程入门 80W+ 主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门 天龙八部-实战开发教程实战 120W+ 主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习 作者信息 认证0级讲师 发布技术文章 最新文章 热门排行 html中怎么清除li黑点 html下拉菜单文字怎么变小 HTML里怎么设置thead表头的颜色 html的name和value是什么意思 html如何给背景图片设置透明度 html中怎么让列表横向排列 html5怎么创建跳转页尾超链接 十分钟搞懂form标签中的GET和POST提交方式 404 not found是什么意思 DOM是什么意思 url是什么意思？ 如何改变图片大小 html是什么 html如何创建电子邮件链接 HTML编辑器有哪些？最好用的4款HTML编辑器推荐 如何制作一个简单的HTML登录页面（附代码） 推荐视频教程 javascript初级视频教程 jquery 基础视频教程 视频教程分类 php视频教程 html视频教程 css视频教程 JS视频教程 jQuery视频教程 mysql视频教程 Linux视频教程 Python视频教程 相关标签： 隐藏边框及下拉箭头 上一篇： html中无法加载css_html/css_WEB-ITnose 下一篇： HTML5实现获取地理位置信息并定位功能_html5教程技巧 推荐阅读 css控制div显示／隐藏方法及２种方法比较原码 转_html/css_WEB-ITnose 隐藏边框及下拉箭头_html/css_WEB-ITnose 两种隐藏元素方式【display: none】和【visibility: hidden】的区别及由此引出的问题_html/css_WEB-ITnose 怎么去掉select下拉箭头和边框样式，为了打印好看点。。谢谢各位_html/css_WEB-ITnose 隐藏边框及下拉箭头_html/css_WEB-ITnose 两种隐藏元素方式【display: none】和【visibility: hidden】的区别及由此引出的问题_html/css_WEB-ITnose