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: | 此光标指示可用的帮助(通常是一个问号或一个气球) |
网友评论