Html 通过CSS在手机上禁用输入类型文本并在桌面上可编辑？

如何在手机上通过CSS禁用输入类型文本

这是我的密码：

<input id="example" class="ui-timepicker-input" placeholder="" type="text">

---

由于在添加时typepad正在打开，请在手机上选择时间。我不想在手机上打开typepad来选择时间和日期选择器。

您可以隐藏它-如果不需要或复制-一个用于桌面。一个用于移动属性中的每个属性集，您可以使用

指针事件模拟效果：无将这些样式放入移动媒体查询中


#示例{
背景：#ccc；
大纲：无；
边界：0；
边框：1px实心#777；
指针事件：无；
}
CSS无法禁用输入，但您可以关闭显示或可见性

CSS

HTML


要做到这一点，请使用媒体查询。不是我的dv，您不需要在同一位置使用显示和可见性。因为我已经清楚地写了关闭显示或可见性。在代码中，我已将可见性属性注释为可选。请正确阅读文章。谢谢@班萨
@media screen and (max-width:320px){
.disable{
    display: none !important;
    visibility: hidden !important; //optional
}
}

<input id="example" class="ui-timepicker-input disable" placeholder="" type="text">