1.input框获得输入焦点时,取消外边框的方法:
input{outline: medium}
就是这么简单地加个样式啦
2.禁用鼠标点击事件,这个当然简单地用添加类样式来解决啦;事前添加到公共样式中就好,谁想禁用就添加类名。
mouse_disabled{pointer-events: none}
3.cursor样式,鼠标指定元素时鼠标的样式定义,嘛,W3C_school上挺详细的。
| name | result |
|---|---|
| url: | 自定义光标,直接写上光标图片地址,cursor: url(img/timg.jpg), auto,当自定义的不起作用时,auto起作用。最好用格式为 .cur的图片 |
| default: | 默认光标(通常是一个箭头) |
| auto: | 默认,浏览器设置的光标 |
| crosshair: | 光标呈现为十字线 |
| pointer: | 光标呈现为指示链接的指针(一只手) |
| move: | 此光标指示某对象可被移动 |
| e-resize: | 此光标指示矩形框的边缘可被向右(东)移动 |
| ne-resize: | 此光标指示矩形框的边缘可被向上及向右移动(北/东) |
| nw-resize: | 此光标指示矩形框的边缘可被向上及向左移动(北/西) |
| n-resize: | 此光标指示矩形框的边缘可被向上(北)移动 |
| se-resize: | 此光标指示矩形框的边缘可被向下及向右移动(南/东) |
| sw-resize: | 此光标指示矩形框的边缘可被向下及向左移动(南/西) |
| s-resize: | 此光标指示矩形框的边缘可被向下移动(南) |
| w-resize: | 此光标指示矩形框的边缘可被向左移动(西) |
| text: | 此光标指示文本 |
| wait: | 此光标指示程序正忙(通常是一只表或沙漏) |
| help: | 此光标指示可用的帮助(通常是一个问号或一个气球) |






网友评论