按钮渐变色

.cityButton1{
    cursor: pointer;
    background-image: linear-gradient(to top,#297ec9,#58aeff); 
    border: none;
    color: #FFFFFF;
    width: 80px;
    height: 34px;
    float: left;
    font-size: 14px;
    margin-left: 14%;
    border-radius: 5px;
}
 .cityButton1:hover{
    background-image: linear-gradient(to top,#58aeff,#297ec9);
}