Здравейте,
имам една форма със следният CSS:
Всичко е добре, формата се показва както и изображенията в края, проблема е следният. Когато цъкна в полето и отместя мишката извън него изображението в левият ъгъл изчезва, когато сложа курсора на мишката върху полето отново се показва.
Някой да има идеи как може да се оправи, явно нещо в css ама какво ?
имам една форма със следният CSS:
.user {
background-image: url(http://site.bg/i/icons/users/user.png);
background-repeat: no-repeat;
height: 27px;
font-size:18px;
border: 1px solid #464646;
padding-left: 27px;
}
.pass {
background-image: url(http://site.bg/i/icons/users/pass.png);
background-repeat: no-repeat;
height: 27px;
font-size:18px;
border: 1px solid #464646;
padding-left: 27px;
}
.user:hover {
background-image: url(http://site.bg/i/icons/users/user.png);
background-repeat: no-repeat;
height: 27px;
font-size:18px;
border: 1px solid #464646;
padding-left: 27px;
}
.pass:hover {
background-image: url(http://site.bg/i/icons/users/pass.png);
background-repeat: no-repeat;
height: 27px;
font-size:18px;
border: 1px solid #464646;
padding-left: 27px;
}
Всичко е добре, формата се показва както и изображенията в края, проблема е следният. Когато цъкна в полето и отместя мишката извън него изображението в левият ъгъл изчезва, когато сложа курсора на мишката върху полето отново се показва.
Някой да има идеи как може да се оправи, явно нещо в css ама какво ?