奇数CSS转换

当我尝试创建转换时，样式会淡入元素，而不仅仅是在悬停时（例如）。我真的不知道问题是什么，也不知道从哪里着手解决这个问题

例如：

input[type='text'] {
    transition:.15s all;
    -webkit-transition:.15s all;
    -moz-transition:.15s all;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #545454;
    font-size: 15px;
    padding: 4px;
    margin-bottom: 6px;
}

---

当我加载页面时，大小会随着边框一起扩展。有什么想法吗？

这里的问题是，您将转换设置为默认值。 如果您这样做：

input[type='text'] {
   border: 1px solid #DEDEDE;
   border-radius: 5px;
   color: #545454;
   font-size: 15px;
   padding: 4px;
   margin-bottom: 6px;
}

input[type='text']:hover {
   transition:.15s all;
   -webkit-transition:.15s all;
   -moz-transition:.15s all;
   font-size: 17px;
   color: black;
}

---

仅当您悬停输入时，它才会激活转换。

您能在中重新创建问题吗？您在哪个浏览器中遇到此问题？