input.html Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Yeni Sayfa 1</title>
</head>
<link rel="stylesheet" type="text/css" href="input.css" />
<body>
<input type="text" name="deneme" id="textboxdeneme" />
<input type="text" name="deneme" id="textboxdeneme1" />
</body>
</html>
input.css Kod:
#textboxdeneme
{
background-color:#FFFFFF;
}
#textboxdeneme:hover
{
background-color:#CCCCCC;
}
#textboxdeneme1
{
background:url(http://zone.org/images/silvered/statusicon/forum_old.gif);
padding-border: green;
color: green;
background-color: white;
background-image: url(http://zone.org/images/silvered/statusicon/forum_old.gif);
background-position: right;
background-repeat: repeat;
font: Tahoma;
font-family: Tahoma, Arial, sans-serif;
font-size: medium;
font-style: normal;
border-bottom-color: #FF0066;
border-color: #CC0066;
border-left-color: #660066;
border-right-color: #660066;
border: medium dotted #CC0066
}
#textboxdeneme1:hover
{
background:url(http://zone.org/images/silvered/statusicon/forum_new.gif);
} Daha ayrintili:
Applying CSS to forms