IE6/7下多种方法移除button、input 默认边框和去掉焦点线

button、input 默认边框和焦点线确实影响美观,下面为大家讲解下IE6/7下下如何去掉边框、焦点线,具体的实现如下,感兴趣的朋友可以参考下

 

一、去掉边框:

看看基本的HTML:

复制代码
代码如下:

<div class="wrap">
<input type="text" class="input_txt">
<input type="submit" value="submit" class="input_btn">
<input type="button" value="提交" class="input_btn">
<div>

通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。

实现方式一:设置CSS:

复制代码
代码如下:

<style type="text/css">
input{margin:0;padding:0;}
.wrap{background-color:#0f0;}
.input_txt,.input_btn{border:0 none;}
</style>

实现方式二:设置CSS,并使用滤镜:

复制代码
代码如下:

<!--[if IE]>
<style type="text/css">
input{margin:0;padding:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
</style>
<![endif]-->

此种方式貌似会有点问题!待在真实IE7环境中验证。

二、去掉焦点线:

复制代码
代码如下:

<style type="text/css">
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
</style>

时间: 2016-09-03

IE6/7下多种方法移除button、input 默认边框和去掉焦点线的相关文章

Android开发-之监听button点击事件的多种方法_Android

 在Android下,事件的发生是在监听器下进行,android系统可以响应按键事件和触摸屏事件,本文主要介绍了button点击事件的方法 一.实现button点击事件的方法 实现button点击事件的监听方法有很多种,这里总结了常用的四种方法: 1.匿名内部类 2.外部类(独立类) 3.实现OnClickListener接口 4.添加XML属性 每一种方法都有它的优点也有它的不足,那么接下来就来详细的讲解这四个实现方法  二.具体实现 1.匿名内部类: 在Android开发中我们会经常看到各种

Android开发-之监听button点击事件的多种方法

在Android下,事件的发生是在监听器下进行,android系统可以响应按键事件和触摸屏事件,本文主要介绍了button点击事件的方法 一.实现button点击事件的方法 实现button点击事件的监听方法有很多种,这里总结了常用的四种方法: 1.匿名内部类 2.外部类(独立类) 3.实现OnClickListener接口 4.添加XML属性 每一种方法都有它的优点也有它的不足,那么接下来就来详细的讲解这四个实现方法 二.具体实现 1.匿名内部类: 在Android开发中我们会经常看到各种匿名

在IE6环境下使用min-height的方法

 前段时间写有一篇"在IE6环境下使用min-width的方法",得到众人批评,呵呵,确实只是研究而已,不怎么实用. min-height实现起来相对容易,cssplay上已经给出了方法:/* for understanding browsers */.container { width:20em; padding:0.5em; border:1px solid #000; min-height:50px; height:auto;}/* for Internet Explorer *

网页设计理论:IE6必须下地狱

仅仅六年之前,互联网还是一个独裁者的世界--Internet Explorer ()(主要是Internet Explorer 6)垄断着浏览器市场.没了Netscape的竞争,加上与Windows XP的绑定,微软获得了令人艳羡的市场份额--巅峰时期将近95%.时至今日,可供我们选择的浏览器种类也令当年的用户艳羡--Firefox (), Safari (), Opera (), Chrome (),以及Internet Explorer 8. 那么,为什么现在还有15%至25%的网页浏览量来

C/C++多种方法获取文件大小

C/C++多种方法获取文件大小 #include <iostream> #include <io.h> #include <sys\stat.h> #include <afx.h> #define _AFXDLL using namespace std; void main() { // 此文件在工程打开状态下为不可访问 char* filepath = "..\\test.ncb"; // 方法一 struct _stat info;

多种方法玩好Windows系统字体

多种方法玩好Windows系统字体 Windows系统中的字体,平时往往很难引起人们的注意;可是对于那些追求时尚.注重个性的朋友来说,系统字体就成了他们美化系统的一种表达 方式.为了帮助那些追求个性化的朋友更好地用好字体,管好字体,本文下面就从多种角度出发,向大家推荐几则系统字体管理技巧,希望能对大家有所用处! 1.从效果出发,改善字体视觉感受 无论是在Word文档编辑窗口中,还是网页浏览窗口中,一旦将其中的文本文字尺寸设置得稍微大一些,我们的人眼就会感觉到文字字体的边缘位置处明显有锯 齿现象,

jQuery设置和移除文本框默认值的方法

 这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1

MFC 在对话框显示图片的多种方法

  我们先从简单的开始吧.先分一个类: (一) 非动态显示图片(即图片先通过资源管理器载入,有一个固定ID) (二) 动态载入图片(即只需要在程序中指定图片的路径即可载入) 为方便说明,我们已经建好一个基于对话框的工程,名为Ttest. 对话框类为CTestDlg (一)     非动态载入图片. 方法1.先从最简单的开始,用picture 控件来实现. 步骤: 先在资源里Import一张图片,ID为IDB_BITMAP2 然后在对话框上添加一个picture控件,右键点击打开属性, 将type

ase ctivity-BaseActivity下自定义actionbar中的button设置点击事件无效,代码见下。

问题描述 BaseActivity下自定义actionbar中的button设置点击事件无效,代码见下. package com.lyri.main.base; import com.example.LlsqPs.R; import android.app.ActionBar;import android.app.Activity;import android.app.ActionBar.LayoutParams;import android.content.Context;import and