İnput Tasarımı

Arkadaşlar forum için hazırladığım yeni temada takıldığım bir noktayı sizlere danışmak istedim.

Konu gönder, önizleme vs. gibi butonlar var. Css ile şekillendirilebiliyor bu butonlar. Ben buton için ayrılmış css bölgesinde butonu tasarladıktan sonra üstüne geldiğinde daha güzel görünmesi açısından onmouseover kodunu kullanıyorum. Bu şekilde çerçevelerin renklerini değiştiriyorum.

Herşey iyi güzel, ama şu sorumun cevabını aramalarım sonucu bulamadım. İnput'a arkaplana resim ekleyebiliyorum, ancak eklenen resmin üzerine geldiğinde değişmesini veya soluklaşmasını, bulanıklaşmasını vs. gibi yapamıyorum.

Amacım oval köşeler oluşturarak temaya daha uygun butonlar elde etmek. Css ile oluşturduğum butonlar oval köşeli olmuyor. Yalnızca resim eklediğimde ise çok basit olduğundan, üzerine geldiğinde efekt almasını istiyorum. (değişmesi veya soluklaşması gibi)

Umarım anlatabilmişdimdir derdimi. Yardımcı olan arkadaşlara teşekkür ederim...

.input {
background:url(resim.gif) no-repeat; }

.input:focus {
background:url(soluk-resim.gif) no-repeat; }

input'a tıklanınca arkaplan resmini değiştirir. Fareyle üzerine gelince stil değiştirme form elementlerinde yok diye biliyorum.

İlgine teşekkür ederim ancak tıklandığında değişmesi pek işime yaramayacak.
Onblur ile yapılabileceğini düşünüyorum, ancak bunu css'ye uyarlayamadım ...