Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户点击“后退”按钮时,通过上一次点击设置样式的css元素仍然会设置样式_Javascript_Html_Css - Fatal编程技术网

Javascript 当用户点击“后退”按钮时,通过上一次点击设置样式的css元素仍然会设置样式

Javascript 当用户点击“后退”按钮时,通过上一次点击设置样式的css元素仍然会设置样式,javascript,html,css,Javascript,Html,Css,当有人单击或悬停在某个元素上时,我为该元素设置了CSS样式。在MobileSafari上,当用户点击它进入一个新页面,然后点击浏览器的后退按钮时,它仍然以点击颜色显示。有没有办法阻止这一切 .button:hover, .button:active { color: red; } 您正在查找:已访问的选择器: .button:hover, .button:active { color: red; } .button:visited { color: blue; }

当有人单击或悬停在某个元素上时,我为该元素设置了CSS样式。在MobileSafari上,当用户点击它进入一个新页面,然后点击浏览器的后退按钮时,它仍然以点击颜色显示。有没有办法阻止这一切

.button:hover, .button:active
{
    color: red;
}
您正在查找:已访问的选择器:

.button:hover, .button:active
{
    color: red;
}

.button:visited
{
    color: blue;
}
您正在查找:已访问的选择器:

.button:hover, .button:active
{
    color: red;
}

.button:visited
{
    color: blue;
}

Mobile safari浏览器具有这种处理页面的典型方式,即一旦重定向到新页面,它将缓存页面状态本身或页面快照,当您返回时,它将直接显示该快照。我也面临着这些问题,但我没有找到一个严格的解决办法


我解决了这个问题,在单击处理程序中将按钮的颜色改回whateverdefault,然后在您的情况下执行了其余操作,即重定向。希望它能帮助您快速解决此问题

Mobile safari浏览器具有这种处理页面的典型方式,即,一旦重定向到新页面,它将缓存页面状态本身或页面快照,当您返回时,它将直接显示该快照。我也面临着这些问题,但我没有找到一个严格的解决办法


我解决了这个问题,在单击处理程序中将按钮的颜色改回whateverdefault,然后在您的情况下执行了其余操作,即重定向。希望它能帮助您快速解决此问题

您是否在某个地方定义了:已访问的颜色?-此外,我们还需要更多的代码,您的问题中没有足够的信息来制定完整的答案提示:添加@ochi我没有访问过的css。但这不会使它在按下时不再变为红色吗?不一定,如果您对:active和:visitored的定义不同,它们看起来会不同。@ochi是的,但在它被访问后,它在按下或悬停时将不再显示活动颜色:哦!,然后你可以添加!重要的是在最后给它更多的优先权。请看小提琴:您是否在某个地方定义了一种颜色此外,我们还需要更多的代码,您的问题中没有足够的信息来制定完整的答案提示:添加@ochi我没有访问过的css。但这不会使它在按下时不再变为红色吗?不一定,如果您对:active和:visitored的定义不同,它们看起来会不同。@ochi是的,但在它被访问后,它在按下或悬停时将不再显示活动颜色:哦!,然后你可以添加!重要的是在最后给它更多的优先权。see fiddle:我理解他希望按钮不再像:活动状态,但可能我读错了问题我理解他希望按钮不再像:活动状态,但可能我读错了问题谢谢,我认为JavaScript是唯一的解决方案这个问题只能在Safari mobile上重现吗?而不是在其他浏览器上?据我所知,它在除mobile safari之外的任何其他浏览器上都是不可复制的。我在手机chrome和android默认浏览器中进行了验证。非常感谢。chrome怎么样?谢谢,我认为JavaScript是唯一的解决方案。这个问题只能在Safari mobile上复制吗?而不是在其他浏览器上?据我所知,它在除mobile safari之外的任何其他浏览器上都是不可复制的。我在手机chrome和android默认浏览器中进行了验证。非常感谢。镀铬怎么样?