Question

当点击或关闭时，用于使文本输入边框淡入/淡出的最佳CSS是什么？

我现在有这个CSS显示边框，但我想要一种方法让它淡入/淡出而不仅仅是出现

.cbp-mc-form input,
.cbp-mc-form textarea {
    border: 3px solid #ffffff;
    border:1px solid #f36f25;
}

Answer 1

input {
    border: 3px solid #ddd;
    transition: all .3s linear;
    outline: 0;
}

input:focus {
    border: 3px solid #f36f25;
}