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

input style兼容IE6的方案

    博客分类:
  • CSS
阅读更多
FF与IE7下input type="text" 和 input type="password"输入框的长度都是一样的,但在IE6下偏偏前面的长后面的短2px,设置size也不行,而设置width可以,但为了不影响其他input(如type=submit)的width,我们可以这样写css:
input[type="text"], input[type="password"] {
	width: 200px;
}

input {
	width: expression((this.type=="text" || this.type=="password") ? "200px" : "style");
}

前面的写法是照顾FF,后面的写法是照顾IE,唉,郁闷!
分享到:
评论

相关推荐

    自定义 input radio 兼容ie6

    另外,随着浏览器更新换代,IE6的市场份额已非常低,大多数现代网站不再需要专门针对它进行兼容性处理。但如果你的网站仍需要支持较旧的浏览器,了解这些技术仍然很有价值。在开发过程中,建议使用渐进增强...

    input的placeholder属性兼容ie8 优化版

    总之,要实现 `input` 的 `placeholder` 属性在 IE8 和 IE9 的兼容,我们需要借助 JavaScript 来模拟其行为。通过创建一个显示提示文本的 `<span>` 元素,并监听用户的输入和点击事件,我们可以为这些老版本的 IE ...

    好看的CSS按钮(兼容IE6)

    "好看的CSS按钮(兼容IE6)"这个主题聚焦于创建既美观又能在老旧浏览器,如Internet Explorer 6(简称IE6),中正常显示的CSS按钮。IE6尽管已经过时,但在某些环境下可能仍需支持。下面我们将深入探讨如何利用CSS实现...

    IE7 浏览器处理 兼容 input placeholder.zip

    总结来说,本压缩包提供了一种在IE7浏览器中实现`input`元素`placeholder`属性兼容的解决方案。通过结合jQuery库和`jquery.placeholder.min.js`插件,开发者可以在不支持`placeholder`的旧版浏览器中为用户提供相似...

    网页冬季背景+飘雪效果插件(兼容IE6) v1.0

    网页冬季背景+飘雪效果插件(兼容IE6)1、冬季背景:在css代码body定义部分加入:body{background0px;}2、飘雪效果:在模板中加入:<style type="text/css">img, div, input{behavior:url("js/iepngfix/iepng...

    IE对style的限制

    5. **CSS选择器**:IE6只支持简单的CSS选择器,例如ID、类和标签选择器,而不支持更复杂的后代选择器(`div > p`)或属性选择器(`input[type="text"]`)。这限制了CSS的复用和可维护性。 6. **CSS3属性**:IE对CSS3新...

    jsp浏览器的兼容性

    本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题,提出解决方法,涵盖 Firefox、谷歌、百度和 IE6/7/9 浏览器的兼容问题。 1.Div 的高度参数值后加 px 在设置 Div 的高度时,需要在参数值后加上 px,例如 ...

    jsp 文件上传浏览,支持ie6,ie7,ie8.docx

    本文将围绕一份名为“jsp 文件上传浏览,支持ie6,ie7,ie8”的文档进行深入探讨,旨在揭示如何实现一个兼容IE6、IE7和IE8的JSP文件上传预览功能,并提供实际代码实例。 #### 二、背景知识概述 在深入分析前,我们...

    jQuery制作input提示内容(兼容IE8以上)

    综上所述,本文向我们展示了一种通过jQuery来兼容旧版浏览器(如IE8)中不支持placeholder属性的input元素的解决方案,让网页在旧浏览器中仍能提供较好的用户体验。同时,也启示我们在面对浏览器兼容性问题时,可以...

    Javascript在IE和FireFox中的兼容处理

    - IE6-8没有提供`Array.prototype.indexOf`,可以自定义函数实现。 2. **自定义属性获取** - IE允许在DOM元素上直接添加非标准属性,如`element.selfAttr`,而Firefox则需要通过`element.getAttribute('selfAttr'...

    纯JS实现图片验证码功能并兼容IE6-8(推荐)

    通过上述步骤,你可以使用纯JavaScript实现一个兼容IE6-8的图片验证码功能,尽管这需要对`canvas`和`VML`有一定理解,但通过这种方式,你不仅解决了浏览器兼容性问题,还能提升自己的前端技能。

    js-input输入框提示语

    input.style.color = 'lightgray'; // 淡化文字颜色模拟提示语效果 } else { input.style.color = 'black'; // 恢复正常颜色 } } inputElement.addEventListener('input', function() { fadePlaceholder...

    input框添加图片按钮

    本文将详细介绍如何在`input`框中添加图片按钮,并确保该设计能够兼容主流浏览器如火狐、谷歌以及IE。 #### 实现原理 实现这一功能的关键在于CSS定位技术与JavaScript的动态样式调整。通过设置不同的CSS样式属性...

    IE 不兼容的几个js问题及解决方法

    ### IE浏览器中的JavaScript不兼容性问题及解决方案 #### 一、Table操作问题 **问题描述:** 在使用JavaScript动态创建`<table>`元素并添加行(`<tr>`)或单元格(`<td>`)时,直接使用`document.createElement()`...

    ie特有bug文档

    - **解决方案**:在需要兼容IE6的场景下使用此技术。 ##### 15. **PNG图像颜色问题** - **问题描述**:在IE6至IE7中,PNG格式的图像在颜色值与背景颜色完全一致时,显示的颜色可能存在差异。 - **解决方案**:使用...

    利用juery将上传的本地图片在页面上显示(兼容IE和firefox)

    然而,IE8及以下版本不支持FileReader API,所以我们需要提供一个备选方案。对于这些旧版本的IE,我们可以利用ActiveXObject来实现类似的功能: ```javascript if (!window.FileReader && window.ActiveXObject) { ...

    ie上可以显示的选色板

    本文将详细介绍如何解决IE浏览器对`<input type="color">`标签的不兼容问题,并分享一种有效的解决方案。 首先,我们要理解IE浏览器的特性。由于IE在HTML5标准上的支持相对滞后,特别是对于新引入的输入类型,如`...

    解决ie8按钮和文字变小问题。

    在实际工作中,我们可能会遇到需要兼容IE8的情况。尽管现代浏览器如Chrome、Firefox等已经占据了市场主导地位,但在某些特定领域或企业内部,仍有不少用户使用着老旧的系统和浏览器。因此,确保网站能够在IE8上正常...

    并排的两个对象如何水平对齐兼容ie6

    IE6尤其著名,因为它对CSS的支持相对有限且与其他现代浏览器存在较大的兼容性问题。 解决这个问题的一种方法是利用CSS的定位属性。以下是调整元素对齐的典型代码结构: ```html <div style="position: relative;">...

Global site tag (gtag.js) - Google Analytics