Css:focus在移动和谷歌chrome中不起作用

Css:focus在移动和谷歌chrome中不起作用,css,google-chrome,Css,Google Chrome,我用了这个密码。它在firefox中工作。但chrome没有。当我专注于#数量时,会显示下一个输入,但如果我单击它,则会更改为显示:无。您是否也可以共享相关标记?您的输入是否包装在公共容器中?您可以粘贴HTML代码吗? input[type='text']#quantity:focus+input, input[type='text']#quantity+input:focus{ display: block !important; position: absolute; to

我用了这个密码。它在firefox中工作。但chrome没有。当我专注于#数量时,会显示下一个输入,但如果我单击它,则会更改为显示:无。

您是否也可以共享相关标记?您的输入是否包装在公共容器中?您可以粘贴HTML代码吗?
input[type='text']#quantity:focus+input,
input[type='text']#quantity+input:focus{
   display: block !important;
   position: absolute;
   top: 0;
   left: 0;
   width: 50px;
 }