阅读 88

CSS 用户界面样式

什么是界面样式

所谓的界面样式,就是更改一些用户操作样式,以便提高更好的用户体验。
? 更改用户的鼠标样式
? 表单轮廓
? 防止表单域拖拽

鼠标样式 cursor

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

li {cursor: pointer; }

轮廓线 outline

表单输入框选中后会有一个边框样式,如图:

给表单添加 outline: 0; 或者 outline: none; 样式之后,就可以去掉默认的蓝色边框。

input {outline: none; }

防止拖拽文本域 resize

多行文本在浏览器中是可以使用鼠标随意拖拽的,这样会影响布局
实际开发中,我们文本域右下角是不可以拖拽的。所以都会禁用拖拽

textarea{ resize: none;}

原文:https://www.cnblogs.com/qingheshiguang/p/14966546.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐