css-用户界面样式

最新推荐文章于 2022-04-22 12:01:57 发布

small_rain_

最新推荐文章于 2022-04-22 12:01:57 发布

阅读量170

点赞数

分类专栏：前端的进步文章标签： css

本文链接：https://blog.csdn.net/small_rain_/article/details/108103224

版权

前端的进步专栏收录该内容

59 篇文章 0 订阅

订阅专栏

1.鼠标样式cursor

<ul>
        <li style="cursor: default;">我是默认的小白鼠标样式</li>
        <li style="cursor: pointer;">我是鼠标小手样式</li>
        <li style="cursor: move;">我是鼠标移动样式</li>
        <li style="cursor: text;">我是鼠标文本样式</li>
        <li style="cursor: not-allowed;">我是鼠标禁止样式</li>
    </ul>

2.轮廓性

input {outline:none; }去掉默认的蓝色边框

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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>

small_rain_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css-用户界面样式

1.鼠标样式cursor<ul> <li style="cursor: default;">我是默认的小白鼠标样式</li> <li style="cursor: pointer;">我是鼠标小手样式</li> <li style="cursor: move;">我是鼠标移动样式</li> <li style="cursor: text;">我
复制链接

扫一扫

专栏目录