在使用 outline来做获取焦点时的元素的边框时，发现元素是有radius的，但是outline在谷歌浏览器并不支持outline-radius，所以导致里面是圆角，外面是直角的，效果不好看，座所以在这个时候使用border来替代
input:focus {
// 因为谷歌浏览器不支持outline的圆角属性，所以使用边框来替代
outline: none;
border-color: #389CF5;
}
在使用 outline来做获取焦点时的元素的边框时，发现元素是有radius的，但是outline在谷歌浏览器并不支持outline-radius，所以导致里面是圆角，外面是直角的，效果不好看，座所以在这个时候使用border来替代
input:focus {
// 因为谷歌浏览器不支持outline的圆角属性，所以使用边框来替代
outline: none;
border-color: #389CF5;
}
在使用 outline来做获取焦点时的元素的边框时，发现元素是有radius的，但是outline在谷歌浏览器并...
1.outline属性： 2.outline与border对比：
border与outline的区别 border 可应用于几乎所有有形的html元素，而 outline 是针对链...
定义和用法 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。（注意：轮...
outline CSS2出现，CSS3作了扩展，突出元素的作用 1.针对链接、表单控件和ImageMap等元素设计...
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 只有在规定了 !do...
边框和轮廓 边框和轮廓是位于外边距内外的线框，有时候，设置边框和轮廓属性对于网页布局很有用，尤其是边框。 边框bo...
1. outline 制作方块和加号 outline 不占空间, 像 box-shadow, border-rad...
input{ border:none; outline:none; background-color:tr...
outline: none;-webkit-appearance: none;border-radius:0;
本文标题：52.使用border替代outline
本文链接：https://www.haomeiwen.com/subject/ymxayqtx.html
网友评论