IE6/7兼容问题：巧用label去除submit按钮的黑框线

在使用<input type='submit'>的时候，如果我们不把border写成none或者0的话，在IE7，IE6下是会默认出现黑色的边框的。就算我们把边框定义成其他颜色，它还是会出现一条黑色的边框，无论css怎么写都解决不了这个问题。

如这个纠结的图：

这个时候我们可以利用label的特性来解决这个问题。

一、 label有个for属性，可以指定到某一个input里面，触发label的时候可以触发对应的input。

二、也可以把input元素包在label元素内部，这样同样可以一并触发。

就是利用这个属性，我们来解决这个submit按钮黑色边框的问题。

再设置 submit的border为0或者none，边框的话设置在label上就可以达到我们想要的效果啦！！！！

老规矩：

前端爱好者们约定，阅读后：

if（‘觉得有用’）

｛

分享（‘I get it！’）;

｝

else if（‘已了解’）

｛

分享（‘a piece of cake！’）;

｝

else if('看不懂')

{

回复小编（'help me!'）;

}

图片来源于网络--------

IE6/7兼容问题：巧用label去除submit按钮的黑框线相关推荐

macOS系统运行jmeter时去除恼人的shell黑框
默认情况下,运行jmeter会打开一个shell窗口以启动程序.利用macOS自带的"自动操作"工具及shell指令可以做到隐藏shell窗口来获得类似其它软件的双击即执行体验. ...
python选定区域设置边框_Python教程：巧用openpyxl为指定区域设置边框为粗匣框线...
有些小伙伴做表格追求版面美观,有的是喜欢表格层次分明,那就一定不能错过今天的巧用openpyxl设置边框为粗匣框线教学,集美观与层次分明一体的实用教学. 举个简单的例子,就是这样: 思路:openpy ...
matplotlib可视化去除轴标签、轴刻度线和轴刻度数值实战：Axis Text Ticks or Tick Labels
matplotlib可视化去除轴标签.轴刻度线和轴刻度数值实战:Axis Text Ticks or Tick Labels 目录
去除VScode中的蓝色波浪线
去除VScode中的蓝色波浪线(可能是语法检查的) 在VScode编写python代码时在VScode编写python代码时不知用了啥插件,结果出现了好多检查拼写的蓝色波浪线,如下面这样: 网上查 ...
去除IDEA中代码的波浪线(黄色警示线)
去除IDEA中代码的波浪线首先是点击File->Settings 操作如下图所示: 然后点击Editor->Inspections->General->Duplicated ...
ipad/ios按钮背景颜色为渐变色？去除iOS按钮渐变色
ipad/ios背景颜色为透明渐变色?去除iOS按钮渐变色 input[type=button], input[type=submit], input[type=file], button { cur ...
idea 去除mapper.xml中的黄线警告
idea 去除mapper.xml中的黄线警告 IntelliJ IDEA 打开 mybatis 的 xml 文件时,对应的 xml 文件中 sql 语句背景色总是有黄色或绿色的背景色. 提示(红圈处 ...
ie6的兼容问题总结
1.浮动兼容性 1.1IE6下的双边距BUG 在IE6下,块元素有浮动和横向margin的时候,最边上元素的横向margin值会被放大成两倍解决办法: display:inline; 1.2IE6, ...
IE6下兼容CSS属性min-height的解决办法
最近在做产品的IE6兼容性改造,由于min-height属性在IE6中是不起作用的.因此导致部分页面该撑开的部分却没有撑开,通过在网上查找资料并自己逐个验证各个环境下(Chrome.FireFox.S ...

IE6/7兼容问题：巧用label去除submit按钮的黑框线

IE6/7兼容问题：巧用label去除submit按钮的黑框线相关推荐

最新文章

热门文章