一、效果
二、代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>鼠标样式&轮廓线</title>
<style type="text/css">
input {
/* outline: 1px solid pink; */
outline: 0; /* 一般情况下会清除轮廓线 0 none */
}
textarea {
outline: none;
/* 防止文本框拖拽 */
resize: none;
}
</style>
</head>
<body>
<ul>
<li style="cursor:default">小白</li>
<li style="cursor:pointer">小手</li>
<li style="cursor:text">文本</li>
<li style="cursor:move">移动</li>
</ul>
<input type="text" />
<hr />
<!-- 防止文本域拖拽 -->
<textarea name="" cols="30" rows="10"></textarea>
<p>下边的文字</p>
</body>
</html>