CSS:用户界面样式(鼠标样式cursor,轮廓线outline,防止拖拽文本域resize)
鼠标样式cursor用来更改鼠标的样式,它的样式有很多,我们用的最多的其实就三种,分别是:<div class="person"><ul><li style="cursor: pointer;">小手</li><li style="cursor: move;">移动</li><li style="cursor: not-
·
鼠标样式cursor用来更改鼠标的样式,它的样式有很多,我们用的最多的其实就三种,分别是:
<div class="person">
<ul>
<li style="cursor: pointer;">小手</li>
<li style="cursor: move;">移动</li>
<li style="cursor: not-allowed;">禁止</li>
<li></li>
</ul>
</div>
轮廓线outline就是表单外边的一道轮廓线,默认是有的,我们一般是把它直接去掉,且每个浏览器对outline的显示也不同,例如:
/*实际中用border比较多*/
<input type="text" style="outline: none;">
防止拖拽主要就是针对文本域textarea,它默认在右下角为之,用户是可以进行拖拽的,这样容易造成页面布局混乱,因此,我们经常这样做:
/*直接用resize改为none就能解决拖拽问题*/
<textarea style="resize: none;"></textarea>
更多推荐




所有评论(0)