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~~~