Butonun Üstüne Gelince Renk Değiştirmesi

[Lineopth]

Arkadaşlar mesela burada yorum atarken gönder butonu oluyor ve mouseyle üstüne gelince renk değişiyor, üstüne gelince bunun rengini nasıl değiştiririm? Mouseyle üstüne gelince farklı renk olsun üstünden mouseyi çekince farklı renk olsun.

[Coln]

Rica Ederim,

Kod Seç Expand

<input type="submit" name="buton1" value="Gönder" class="buton1-css">

<style>
.buton1-css
{
background: #ffad01;
    color: #1a1a1a;
    font-weight: 700;
text-decoration: none;
display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #ffad01;
    border-radius: 3px;
    padding: 0 .7em;
    overflow: visible;
    font-size: .85em;
    height: calc(2em + 2em * (.9 - .85));
    line-height: 2em;

}

.buton1-css:hover
{

background: #ff9900;
color: #fff;

}
</style>
class="buton-css" ibaresini eklediğiniz <div> , <a> , <p> , <button> , <input> bu görünüme bürünecektir. ek olarak değişmesini istediğiniz şeyleri (örn:border-color vb.) :hover kısmına ekleyiniz.