css touch下的样式

CSS touch样式是一种用于移动设备的样式表，它使网页在触摸屏幕上表现更好。下面是一些常见的CSS touch样式：

/* 禁用默认的触摸事件 */* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* 禁用iOS上的a标签点击效果 */a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* 按钮激活效果 */button:active {
    transform: translateY(2px);
    box-shadow: none;
}
/* 输入框获得焦点后的样式 */input:focus {
    outline: none;
    border: 1px solid #2698d6;
}
/* 下拉列表样式 */select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-color: white;
    background-image: url("data:image/svg+xml,");
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #ccc;
    padding: 5px;
}
    

使用以上样式可以提高网页在移动设备上的体验，使用户更加方便地使用网站。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！