cursor: pointer;
以上代码为标准的鼠标点击手样式,通过将鼠标指针改为手形状来提示用户可以点击该元素。
如果需要在点击时同时改变元素的样式,可以通过CSS的:active伪类来实现。
.button:active { background-color: #333; color: #fff; }
以上代码为当鼠标点击按钮(class为button)时,该元素的背景色和字体颜色都会改变为黑色和白色。
需要注意的是,在移动端设备上,由于触摸屏幕时不会显示鼠标指针,因此可以通过CSS的:active伪类来实现类似的点击效果。
.button:active { background-color: #333; color: #fff; } .button:focus { background-color: #ccc; color: #333; }
以上代码为当移动设备点击按钮时,该元素的背景色和字体颜色都会改变为黑色和白色;同时,当点击完成后,该元素会获得焦点(class为button:focus)并改变为灰色背景和黑色字体。
总而言之,CSS的点击手代码在网站设计中起到了非常重要的作用,可以帮助用户更好地理解和操作网页。