html input边线,input边框，轮廓outline属性

昨天在一个技术群里问关于input表单的问题，修改其边框兼容等问题，明明记得以前修改的时候IE6是不兼容的不知道，怎么的，现在写了一下都没事了，心里一阵的郁闷啊，现在记住之前写的样式，要是以后在遇到，就要好好的研究一番了

input{

width:400px; height:40px; line-height:40px;

text-indent:10px;border:0px;outline:none; }

对于样式表里面outline的属性，我也是第一次认真的看了看,朋友一句话点到了关于outline,在这里很感谢那个朋友虽然不知道叫什么名字，但是以后有什么问题还是希望和大家多交流

多讨论，这样梨子换桃，大家共同进步。

废话不多说，现在就来总结一下昨天所学的关于outline属性；

none 默认。定义无轮廓。

dotted 定义点状的轮廓。

dashed 定义虚线轮廓。

solid 定义实线轮廓。

double 定义双线轮廓。双线的宽度等同于 outline-width 的值。

groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。

ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。

inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。

outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。

inherit 规定应该从父元素继承轮廓样式的设置。

看到这些小仙我也试了试，毕竟看的再多都不如动手一试，在试的过程中在火狐谷歌以及IE10都是正常的，但是在IE6

IE8就不行了，对此我也看到疑惑……这是为什么呢？难道是IE10一下不支持吗？

于是乎我也度娘了下，才知道在IE里面

只有在规定了 !DOCTYPE 时，Internet Explorer 才支持 outline-style 属性

所以，碰到疑惑的友友们，也多多学习多多总结，咱们一起进步吧 (*^__^*) 嘻嘻……

只是在这里小仙哪里有说错的希望友友们能纠正，小仙看到后肯定里面改正，O(∩_∩)O~~~

html input边线,input边框，轮廓outline属性相关推荐

input 获取焦点蓝色边框去掉 outline
这是一个系列,记录我前端开发常用的代码,小常识,有些是参考网上代码,(讲的可能有点烂,求不要打脸,嘤嘤嘤~~)送给那些需要的人.可以相互交流,喜欢的加我吧. Wx: Lxp911221 最近发生了一些 ...
html中outline属性,css 轮廓（outline）属性是如何使用的
一.什么是css轮廓(outline)属性轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个 ...
css盒子模型、边框border、外边距margin、填充padding、轮廓outline
盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ...
input隐藏边框轮廓、输入框输入提示
input隐藏边框轮廓,隐藏边框 1.去除边框轮廓:<input type="text" style="outline:0;" > 2.隐藏边框:& ...
css属性基础以及wxss——居中，渐变色边框，圆角边框，横向布局，重叠div，div固定在底部，input的无边框显示下划线
text-align: center;--子item居中对齐 display: flex;--子item横向布局 -webkit-justify-content: center;--子item居中 m ...
Css-note:修改input文本框边框焦点样式笔记
Css-note:修改input文本框边框焦点样式笔记大家好,我是Yangrl. 记录一个note: 刚才做作业,就觉得浏览器中鼠标点击input,默认样式不合口味,又不想js / jq,所以改吧( ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
input去除蓝色边框
input标签在使用的时候会有边框样式.当input聚焦的时候又会显示出一个蓝色边框. 很多时候我们并不需要这种默认样式的边框,就需要去除边框. 给需要去除的标签添加css样式: border: no ...
[html] 谈谈你对input元素中readonly和disabled属性的理解
[html] 谈谈你对input元素中readonly和disabled属性的理解相同点:都会使文本框变成只读,不可编辑.不同点:1.disabled属性在将input文本框变成只读不可编辑的同时, ...

html input边线,input边框，轮廓outline属性

html input边线,input边框，轮廓outline属性相关推荐

最新文章

热门文章