前端学习笔记：取消表单轮廓和防止拖拽文本域

西樱studio

于 2022-01-02 15:38:46 发布

阅读量384

点赞数

分类专栏：前端学习文章标签：前端 css3 css

本文链接：https://blog.youkuaiyun.com/weixin_43339892/article/details/122277040

版权

前端学习专栏收录该内容

39 篇文章

订阅专栏

这篇博客介绍了如何通过CSS样式来取消HTML输入框(input)和文本区域(textarea)的轮廓显示，以及如何防止文本域被用户拖拽调整大小。通过设置`outline:none`可以消除表单元素的轮廓，而`resize:none`则能禁止textarea的拖拽行为，确保页面布局的稳定性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

取消表单轮廓和防止拖拽文本域

<style>
        input,
        textarea {
            /* 取消表单轮廓 */
            outline: none;
        }

        textarea {
            /* 防止拖拽文本域 */
            resize: none;
        }
</style>