[分享]css3取消input外边控

CSS3新增了许多有趣的特性，其中之一就是可以让我们轻松地取消input外边框。

input{
    border: none;
    outline: none;
} 

在CSS3之前，想要取消input外边框，我们需要使用一些巧妙的方法，例如使用background-color来掩盖外边框，使用border-width为0来消除边框等。但是这些方法通常并不十分完美，因为它们可能会在不同的浏览器中产生不同的效果。

现在，我们只需要将input的边框和轮廓属性设置为none，就可以将其外边框删除。

input{
    border: none;
    outline: none;
} 

这使得我们可以创建更加灵活和定制化的表单，而不必受到默认外边框的限制。

此外，CSS3还为我们提供了其他一些有用的特性，例如圆角边框（border-radius）、阴影效果（box-shadow）和渐变效果（gradient）。这些特性使得我们可以更轻松地改变表单的外观，并为用户提供更加舒适和美观的体验。

总之，CSS3的新增特性为我们提供了更多的选择和可能性，让我们可以更加轻松地设计出符合我们需求的漂亮表单。