css--用户界面样式

最新推荐文章于 2023-02-22 19:30:32 发布

翻译最新推荐文章于 2023-02-22 19:30:32 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.bilibili.com/video/BV14J4114768?p=263

文章标签：

#css #前端

css 专栏收录该内容

10 篇文章

订阅专栏

文章目录

什么是界面样式？

什么是界面样式？

在这里插入图片描述

1、鼠标样式

在这里插入图片描述

2、input轮廓线

在这里插入图片描述

3、防止拖拽文本域

在这里插入图片描述

代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户界面样式-表单轮廓和防止拖拽文本域</title>
    <style>
        input, textarea {
            /* 取消表单轮廓 */
            outline: none;
        }
        textarea {
            /* 防止拖拽文本域 */
            resize: none;
        }
    </style>
</head>
<body>
    <!-- 1. 取消表单轮廓 -->
    <input type="text">
    <!-- 2. 防止拖拽文本域 -->
    <textarea name="" id="" cols="30" rows="10"></textarea>

    
</body>
</html>