Unity UI Builder中如何设置按钮移出悬停的过渡时长？

• 先检查过渡属性的定义位置：别只在:hover伪类里加过渡，要把过渡规则写在按钮的基础样式里。比如：

.btn {
  background-color: #你的默认颜色;
  /* 精准指定过渡属性，避免用all，同时设时长和延迟为0 */
  transition: background-color 0s 0s;
}

.btn:hover {
  background-color: #你的hover颜色;
}

这样移入移出的过渡都会立即生效，不会有延迟残留。

• 排查CSS冲突：用浏览器F12开发者工具查看按钮的计算样式，看看是不是有其他CSS规则偷偷给按钮加了过渡时长。如果有，要么修改那个规则，要么在按钮样式里用transition: none !important;强制取消所有过渡。

• 检查UI Builder的基础样式设置：有些可视化编辑器会默认给元素添加过渡效果，你可能只改了hover伪类里的过渡，而基础样式里的默认过渡还没删掉。去按钮的常规样式面板里，把过渡相关的设置也改成0或者直接清空。

内容的提问来源于stack exchange，提问作者THE_DEV_7861