outline设置边框外围的轮廓

<p>hello,world</p>

    <script>
        var p = document.getElementsByTagName("p")[0];
        p.style.outlineColor = "red";
        p.style.outlineStyle = "solid";
        p.style.outlineWidth = "3px";
    </script>

p.style.outlineStyle = "none";取消轮廓，可用于输入框选中时不显示周围的蓝框

时间： 2024-12-29 19:14:05

outline设置边框外围的轮廓的相关文章

边框阴影与轮廓

本文介绍如何给<div>标签以及图像添加阴影效果,用户还可以给网页中一些元素添加轮廓效果. box-shadow属性是给对象实现图层阴影效果. box-shadow: 投影方式 X轴偏移量 Y轴偏移量阴影模糊半径阴影拓展半径阴影颜色; 投影方式此参数是一个可选值,如果不设值,其默认的投影方式是外阴影:如果取其唯一值"inset",就是将外阴影变成内阴影. X轴偏移量指阴影水平偏移量,其值如果为正值,则阴影在对象的右边:反之为负值,阴影在对象的左边.

bootstrap和bootstrap-select的outline设置

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="file"]:focus, input[type="radio"

Android表格布局之设置边框

Android表格布局本身没有边框,不过可以通过背景色的设置可以实现表格边框的显示. 首先可以设置TableRow的背景色,然后设置内容的背景色.根据它们的颜色差就出现了边框.只要微调Content与TableRow的margin和pading属性就可以了! 调的过程真是烦人!下次不做这种工作了~呜呜!难受! 贴上布局代码: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml

javascript当文本框获得焦点设置边框

javascript当文本框获得焦点设置边框:本章节介绍一下当文本框获得焦点以后如何设置文本框的边框样式,本来是一个非常简单的问题,但是有可能前台美工人员对javascript并不是太了解,所以还是通过一个简单的实例介绍一下,以便需要的朋友进行扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <head> <title>文本框获得焦点边框变

zxing生成二维码设置边框颜色

真是研究了很久很久,满满的泪啊 zxing生成二维码,默认是可以增加空白边框的,但是并没有说设置边框颜色的属性. 其中增加空白边框的属性的一句话是: Map hints = new HashMap();hints.put(EncodeHintType.MARGIN, 1); 使用这句话设置边框,留出来的边框的颜色,就是二维码中主颜色的以外的那个颜色.通常主颜色都是黑色,背景色都是白色.如下二维码的边框的颜色,就是除了绿色以外的那个颜色. 所以并没有设置边框颜色的属性,那该怎么办?比如:要求使用P

2016-1-9 Quartz框架的学习，剪裁图片并设置边框

#import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. } - (void)touchesBegan:(NSSet<UITo

【C#】分享一个可灵活设置边框的Panel

注:此乃Winform控件,开发环境为.net 2.0 工作需要,我对自带Panel进行了一下呈现上的扩展,方便设置边框效果.先看效果: 说明: * 只有当原有属性BorderStyle为None时才能应用样式,此时可通过BorderMode设置[不显示.单色.三维]三种边框模式:这是因为BorderStyle为FixedSingle或Fixed3D时,自带边框似乎不属于Panel的一部分,不能控制或清除,我猜应该是底层API负责绘制的,所以唯有在None时才能自由发挥: * 无论单色或是三维模

css3设置边框属性

css设置边框属性:设置边框圆角 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div.border1{ border: 3px solid blue;/*边框大小实心线蓝色*/ padding :10px 40px;/* 上下边距左右边距*/ bac

java poi 设置边框

//获取工作簿 HSSFWorkbook hwb = new HSSFWorkbook(); //获取sheet HSSFSheet sheet = hwb.createSheet(); //获取样式对象 HSSFCellStyle cellStyle = hwb.createCellStyle(); //设置样式对象,这里仅设置了边框属性 cellStyle.setBorderBottom(HSSFCellStyle.BORDER_THIN); //下边框 cellStyle.setBorde