اريد تغير شكل الزر

الكود:


.button:hover, .mainoption:hover {
    background-color: #de6f1b;
    border: 1px solid #000000;
}
.button, .mainoption {
    background-color: #000000;
    border: 1px solid #de6f1b;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px !important;
    padding: 5px !important;
    transition: 300ms;
}


0marp0p23 كتب:جرب الكود التالي في ورقة الـCSS:

الكود:


.button:hover, .mainoption:hover {
    background-color: #de6f1b;
    border: 1px solid #000000;
}
.button, .mainoption {
    background-color: #000000;
    border: 1px solid #de6f1b;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px !important;
    padding: 5px !important;
    transition: 300ms;
}