html - how to change the skin of a button -


hello i'm trying change skin (shape) of button , textarea skin one. thing second picture . alt text

alt text

you've got more 1 possibility this:

use background image (works in every browser, don't re-edit , save image file every small detail again) css:

button {   background: url('some image..');   width: <width of background image>;   height: <height of background image>;   ... }  button:hover {   background: url('mouseover image');   ... } 

alternatively can use newer css properties create buttons. offer want , way cooler using background images, downside not many browsers support today (and not long time, yeah ie, mean you):

button {   border: solid 1px somecolor;   color: #eee;   border-radius:5px;  -moz-border-radius:5px;   background: -moz-linear-gradient(top, #5e5e5e 0%, #474747 51%, #0a0e0a 51%, #0a0809 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(51%,#474747), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); } button:hover {   color: white; } 

look here create css gradients: http://www.colorzilla.com/gradient-editor/

impressions , tutorials of what's possible using pure css3:

you can use them same properties styling textarea: border, background, color font color, etc.


Comments

Popular posts from this blog

Add email recipient to all new Trac tickets -

400 Bad Request on Apache/PHP AddHandler wrapper -

php - Change action and image src url's with jQuery -