css 长按鼠标样式 |css中box-sizing的效果

/* 长按鼠标样式示例 */
button:active {
background-color: red;
color: white;
}

在上面这段 CSS 代码中，大家使用:active伪类来表示长按鼠标样式。当用户按下鼠标时，按钮会变成红色背景和白色文字，以表示某种状态。当然，这只是简单的示例，长按鼠标样式可以根据具体需求自由发挥。

除了使用伪类，还可以使用 JavaScript 在特定条件下添加样式。例如：

/* JS 长按鼠标样式示例 */
button.addEventListener('mousedown', function() {
setTimeout(function() {
button.classList.add('pressed');
}, 500);
});
button.addEventListener('mouseup', function() {
clearTimeout();
button.classList.remove('pressed');
});

在上面这段 JavaScript 代码中，大家使用setTimeout函数来实现长按鼠标样式。当用户长按鼠标超过 500 毫秒时，按钮会变成另一种状态，表示某种不同的含义。当用户松开鼠标时，样式会恢复成原来的状态。

总之，长按鼠标样式既可以使用 CSS，也可以使用 JavaScript 实现。具体的实现方式要根据具体需求和页面交互设计而定。