HTML中input文本框无法选择和输入

各位，请教一个问题，我在页面上写了两个DIV，中间嵌了一个input文本输入框，但是在浏览器预览效果的时候，输入框鼠标选不了，也无法输入，怎么解决呢？
HTML代码

CSS代码

预览效果

你把pointer-events 这一行删了试试

实际运行的时候有错误么？看看css有没有遮挡和disabled

换成
pointer-events: auto 试试

pointer-events设置元素是否对鼠标事件做出反应，而设置为none表示不对鼠标事件做反映，你应该去掉或者设置为auto:

#page {
  pointer-events: auto;
}