`
jsdit
  • 浏览: 8450 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

IE8显示select多选时,无边框解决方案

CSS 
阅读更多
在项目中需要支持IE8,在select为multiple(多选)时,边框不给显示了。查了下网上的资料。解决方案如下:
1.select使用div包围,给div用css加个边框。
2.加入标签<meta http-equiv='X-UA-Compatible' content='IE=8'>。传送门:http://haacked.com/archive/2008/10/14/interesting-browser-bug-with-css-border-and-the-select-element.aspx

方法2明天上班试试。
分享到:
评论
1 楼 hongxingxu101 2011-12-02  
请问IE6、7怎么办???IE8的解决了~~~

相关推荐

    基于layui的select多选解决方案

    在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。 存在layui时, 同样也能直接使用xmSelect, 不用必须layui.xmSelect 具有多选上限设置...

    下拉框多选select多选

    在网页设计和开发中,"下拉框多选select多选"是一个常见的功能,它允许用户在下拉菜单中选择多个选项,而不仅仅是一个。在HTML中,`&lt;select&gt;`元素通常用于创建这样的下拉菜单,但默认情况下,`&lt;select&gt;`只支持单选。...

    下拉多选组件sumoselect,兼容IE8

    总的来说,SumoSelect是针对IE8多选下拉框问题的一个高效解决方案。它的出现弥补了旧版浏览器与现代组件之间的鸿沟,让开发者能够在不牺牲用户体验的前提下,轻松实现多选下拉功能。无论是对于个人开发者还是团队,...

    select多选下拉框美化

    在美化select多选框时,我们可以通过jQuery选择器找到对应的DOM元素,然后绑定事件,动态添加或移除选项,以及控制显示和隐藏。 2. **CSS美化**:CSS(层叠样式表)用于控制网页的布局和外观。对于select多选框,...

    select多选与美化

    "select多选与美化"这个主题关注的是如何在HTML的下拉列表中实现多选功能,并且兼容各种主流浏览器,包括Firefox、Opera、Chrome、Safari以及IE6到IE9。这通常涉及到JavaScript库,特别是jQuery的使用,以及CSS样式...

    vue-select 多选下拉列表

    vue-select 多选下拉列表,建议用火狐或者谷歌浏览器打开,低版本IE对vue兼容性不好

    原生select实现多选功能

    原生select实现多选功能

    select多选下拉列表+模糊查询功能.rar

    select多选下拉列表+模糊查询功能,亲测完整,有ASP和HTML样例,代码完整。 &lt;!DOCTYPE html&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;script src="jquery.min.js"&gt;&lt;/script&gt; ...

    div 模拟 select 多选

    div 模拟 select 多选 实现还有点bug,望大家一起改正。

    element ui select多选组件 重构

    在重构 `element ui select` 多选组件时,我们需要考虑以下几个方面: 1. **动态标签显示**:描述中提到的“标签根据数据属性显示颜色不同”,这可能是指通过数据绑定实现标签颜色的动态变化。我们可以利用 Vue 的...

    jquery+css+div 实现的模拟select多选

    jquery+css+div 实现的模拟select多选 jquery+css+div 实现的模拟select多选

    select 下拉框可以多选

    当我们需要让用户从一组选项中选择一个或多个项目时,`select`下拉框是常用的选择方式。在某些场景下,我们可能需要使`select`下拉框支持多选,即用户可以同时勾选多个选项。这就是"select下拉框可以多选"这个主题所...

    实现select多选插件

    在本文中,我们将深入探讨如何实现一个`select`多选插件。`select`元素是HTML中的一个基础组件,用于创建下拉菜单供用户选择。然而,原生的`select`元素并不支持多选功能,这使得在需要用户可以选择多个选项的场景下...

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    在使用element-ui开发Web项目时,经常会遇到一些组件使用上的细节问题,其中element-ui中的下拉多选框组件el-select使用时,如何设置默认值且不可删除,是一个较为常见的需求。本文将详细介绍如何解决这个问题,以及...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    如果项目已经使用了jQuery,可以考虑使用现有的插件,如`multiselect.js`或`select2`,它们提供了预封装的多选下拉框解决方案。 以上就是关于“html多选下拉框,CheckBox的Select组件”的详细解释。通过这种方式,...

    select模拟多选下拉

    在网页开发中,"select模拟多选下拉"是一个常见的需求,特别是在需要用户选择多个选项时。传统的HTML `&lt;select&gt;` 元素虽然支持`multiple`属性实现多选,但其样式和交互方式往往不能满足现代网页设计的需求。因此,...

    layui多选下拉框样式,整套layui-select-multiple

    综上所述,Layui的“layui-select-multiple”提供了一整套美观且功能丰富的多选下拉框解决方案,适合HTML5项目,能够帮助开发者快速构建具有出色用户体验的Web应用。其样式可定制,组件API易用,使得在网页中实现...

    layui的select多选解决方案 xm-select.js

    xm-select.js 在layui的基础上,把select选择框可更改为多选框,并可进行搜索、筛选值。下拉框内容可物理分页配置、自定义搜索模式(远程搜索)。...具有多选上限设置, 可以设置多选选中上限。可以直接下载使用

    select 实现多选

    当我们希望实现多选功能时,就需要利用`&lt;select&gt;`的一些特定属性和方法。本篇文章将深入探讨如何在HTML、CSS以及JavaScript中实现`&lt;select&gt;`的多选特性。 ### HTML基础 在HTML中,`&lt;select&gt;`元素有一个名为`...

    Select多选

    layui-select-ext的核心功能在于提供了一个可多选的下拉框,使得用户在选择数据时不再局限于单个选项,极大地提高了数据输入的效率。这个插件不仅保留了原生layer UI的简洁风格,还增加了诸如搜索筛选、分页加载、...

Global site tag (gtag.js) - Google Analytics