HTML-虚线框3例】的更多相关文章

outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框 就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基…
outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本…
<Grid> <Border HorizontalAlignment="Center" VerticalAlignment="Center" Width="60" Height="30" CornerRadius="5" BorderBrush="Blue" BorderThickness="3"> <TextBlock Text=&qu…
以前一直用的方法都是: a {outline: none;star:expression(this.onFocus=this.blur());} 后来发现有瑕疵,不完美.体现在页面调用JS动作比较频繁的情况下,页面很卡~~~半个月内遇到两次这个问题,都是自己公司的平台.而网上却没有关 于这个的说法·~~而大家也都是按部就班,我不得不写一写. 解决办法就是写成这样: a:active {outline: none;star:expression(this.onFocus=this.blur());…
html a标签 图片边框和点击后虚线框的问题 一直在在chrome上开发自己的项目,今天上ie和firefix一看,真丑,a标签在使用图片时,多加了蓝色的边框,并且点击后所有a标签都会出现一个虚线框,但是chrome中一直没发现这个问题,所以为了兼容性,还是在css中追加了做这个处理的式样进去: 去边框的方法,img标签增加属性: border='0' 去点击后的虚线的方法,a标签增加属性: outline:none; 另外,去掉超链接的下划线的方法: text-decoration:none…
方法1:可以通过代码ui->pushButton->setFocusPolicy(Qt::NoFocus)或在Qt Creator的属性列表中设置. 方法2:如果在嵌入式设备中需要通过按键切换控件,最简单的方法就是通过控件的focus来实现,就不能使用方法1          了.此时可以通过qss样式表来去掉虚线框,代码如下所示. ui->pushButton->setStyleSheet("outline: none"); 方法3:也是通过qss样式表来实现…
方法1:可以通过代码ui->pushButton->setFocusPolicy(Qt::NoFocus)或在Qt Creator的属性列表中设置. 方法2:如果在嵌入式设备中需要通过按键切换控件,最简单的方法就是通过控件的focus来实现,就不能使用方法1          了.此时可以通过qss样式表来去掉虚线框,代码如下所示. ui->pushButton->setStyleSheet("outline: none"); 方法3:也是通过qss样式表来实现…
绘制一条贝赛尔曲线,当选中该曲线时,显示其控制点并把控制点和起始点连结起来,从而可以清晰的显示曲线的参数. # -*- coding: utf-8 -*-from PyQt4 import QtGui, QtCore class PathItem(QtGui.QGraphicsPathItem): def __init__(self, parent=None, scene=None): QtGui.QGraphicsPathItem.__init__(self, parent=parent, s…
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:expression(this.onFocus=this.…
所有 Button.ListBox等控件获得焦点时有虚线框.如图:选中523这个按钮就出线虚框. 我在App.xaml中添加适应所有按钮的样式,无效 <Style  TargetType="{x:Type Button}">     <Setter Property="FocusVisualStyle" Value="{x:Null}"/> </Style>  目前的解决方法只能在没有控件或控件样式 里添加代码…
方法1:可以通过代码ui->pushButton->setFocusPolicy(Qt::NoFocus)或在Qt Creator的属性列表中设置. 方法2:如果在嵌入式设备中需要通过按键切换控件,最简单的方法就是通过控件的focus来实现,就不能使用方法1          了.此时可以通过qss样式表来去掉虚线框,代码如下所示. ui->pushButton->setStyleSheet("outline: none"); 方法3:也是通过qss样式表来实现…
1.直接给a 标签添加属性:onfocus="this.blur()" 即可 For Example: <a onfocus="this.blur()" href="http://baidu.com">去掉虚线框</a> 2.添加outline: none属性(最常见的使用方法)…
C# 鼠标移动WinForm窗体或者panel容器内的控件 移动虚线/实现虚线框来确定位置 1.用到的方法介绍 今天,根据领导指示指导移动容器内的控件,生成虚线框,使用 ControlPaint.DrawReversibleFrame // // 摘要: // 在屏幕上的指定边界内,按指定背景色绘制处于指定状态的可逆框架. // // 参数: // rectangle: // 代表要绘制矩形的尺寸的 System.Drawing.Rectangle(采用屏幕坐标). // // backColo…
虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框.方法一:利用javascript的onfocus事件,实现如下:Html代码 <a href="http://www.hujuntao.com/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制: Js代码 $('a').bind('focus', fun…
css去掉a标签点击后的虚线框,outline,this.blur() outline是css3的一个属性,用的很少.声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到…
outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到.下面是outline的样子示例,也是我正在做的一个页面上截取出来的…
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框,避免出现奇怪的选中区域*/…
a标签的: 方法一:在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >欢迎来到博客园(加了hidefocus属性)</a> Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:n…
在 Windows 中,控件得到焦点的时候,会显示一个虚线框,很多时候觉得不好看,通过自定义 QProxyStyle 就可以把这个虚线框去掉. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 // 文件名: NoFocusRectStyle.h   #ifndef NOFOCUSRECTSTYLE_H #define NOFOCUSRECTSTYLE_H   #include <QProxyStyle>   clas…
原文:WPF控件获得焦点时去除虚线框 <Setter Property="FocusVisualStyle" Value="{x:Null}" />…
要求:实现鼠标点击面板的一个点,拖动到固定的位置,出现虚线框 样图:   具体的代码实现: js文件   <script> window.onload = function(){ document.onmousedown=function(ev){ var oEvent=ev||event; /*检测id为createDiv的div框是否存在,存在就删除*/ if(document.getElementById("createDiv")!=null){ document.b…
1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框. <a href="#" onfocus="this.blur();">这里设置聚焦时触发blur();强制取消焦点. 2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里.这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题. 3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css…
CSS 之outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用.outline 属性是一个简写属性,用于设置元素周围的轮廓线.注释:轮廓线不会占据空间,也不一定是矩形.这就可以了,就给点击链接加这个属性 a:active{outline:none}可惜,IE下无效 再加一个 a:active {blr:expression(this.onFocus=this.blur());}没错,就是这样了<style>a:active {outline:none;bl…
1.一个页面有多张图片,图片的链接为热点绘制,在ie中点击会出现虚线框. <script type="text/javascript"> window.onload = function() { var areas = document.getElementsByTagName("area"); for(var i = 0; i < areas.length; i++) { areas[i].onfocus = function () { this…
最近很多应用程序都在安装界面的美化上面下足了功夫,一个漂亮流畅的安装界面无疑会给其带来用户体验上的加分,其中一个无虚线框跟随鼠标移动比较有趣,狂翻msdn后终于找到了控制函数SystemParametersInfo,他的参数SPI_SETDRAGFULLWINDOWS既为此功能而生,具体引用到nsis中: System::Call 'user32::SystemParametersInfo(i${SPI_SETDRAGFULLWINDOWS},i1,i0,i0)' 将其放置在界面的鼠标响应回调中…
第一例: 代码 <HR style=> 第二例: 代码 <DIV style="BORDER-TOP: #00686b 1px dashed; OVERFLOW: hidden; HEIGHT: 1px"></DIV>         第三例:用字符实现 代码 <DIV align=center><FONT color=#>----------------------------------------------------…
为a标签添加这条属性: a:focus {outline:none;-moz-outline:none;}…
[1]onfocus = "this.blur()"//得到焦点时,失去焦点 e.g. <a href="#" onfocus = "this.blur()">test</a> [2]使用HTML标签的特性 hidefocus e.g. <a href="#" hidefocus>test</a> [注意]由于使元素失去焦点后,该元素将无法通过Tab键选中,所以不到万不得已,不要…
设置a标签属性outline即可 如: a { outline: none; } a:focus { outline: none; } 在firefox测试通过,webkit内核浏览器无此问题…
http://blog.csdn.net/goforwardtostep/article/details/53420529…