17.09 input去边框,禁点击,光标样式

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

你可能感兴趣的:(17.09 input去边框,禁点击,光标样式)