极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="demo.css">
</head>
<body>
<input type="submit" class="sub">
</body>
</html>
.sub{
width: 100px;
height: 35px;
background-color: #fff;
color: black;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-transition: all 3s;
/* transition: all 3s; */
}
.sub:hover{
background-color: #ccc;
}在Chrome浏览器打开网页或者刷新的时候就会开始渐变(主要是border background)
不应该是hover时才渐变吗？
并且在火狐浏览器下就正常或者把代码写到<style></style>里也可以。
Chrome版本 74.0.3729.131（正式版本） （32 位）
你的例子并没有任何问题，我测试也么有问题。
你的例子应该是从项目里摘出来的吧，然后项目有问题你的例子没有问题，你自己先测一下。