帮我写带有不同颜色边框的wxss文件：.foot { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; } .toCart, .favorite, .cart { font-size: 16px; color: #333; border: none; background-color: transparent; cursor: pointer; } .toCart:hover, .favorite:hover, .cart:hover { color: #f00; }

当您说 "帮我写" 时，我假设您需要编写一个带有不同颜色边框的wxss文件，如下所示:

.foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #f00;
}

.toCart, .favorite, .cart {
    font-size: 16px;
    color: #333;
    border: none;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #333;
}

.toCart:hover, .favorite:hover, .cart:hover {
    color: #f00;
    border-color: #f00;
}

在这个wxss文件中，.foot类有一个红色的2像素边框。.toCart, .favorite, .cart类有一个1像素的黑色边框，并且在hover时，边框颜色也会变为红色。