css input 边框 outline

属性与 border 属性有什么区别？

Outline 属性与 border 属性的共同点在于它们都可以为 HTML 元素设置边框样式、颜色和尺寸。不同点在于：

- Border 属性是在元素的内部绘制边框，而 Outline 属性是在元素的外部绘制边框。
- Border 属性会占用元素的尺寸，而 Outline 属性不会影响元素的尺寸。
- Border 属性可以独立设置上下左右四个边框的样式、颜色和尺寸，而 Outline 属性只能统一设置元素的边框样式、颜色和尺寸。

因此，如果只需要在元素外面绘制一个简单的边框，可以使用 Outline 属性；如果需要细致、个性化的边框效果，则应选择 Border 属性。