Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   изменения цвета input (https://javascript.ru/forum/misc/41806-izmeneniya-cveta-input.html)

ami_moor 30.09.2013 11:32

изменения цвета input
 
Здравствуйте. помогите
есть input, изначально, он должен быть жёлтеньким, как только кликнули внутрь него input должен стать сереньким, если пользователь что то напечатал внутри и убрал от туда курсор,input становится обычным белым, если убрал курсор, но ничего не напечатал внутри остаётся жёлтым.


.inp {
    background-color: #fbfae1;
}
.inp:focus  {
       background-color:#F0F0F0;
}

<input class="inp" style="width: 523px;" type="text" name="name" />

рони 30.09.2013 11:43

ami_moor,
:-?
<!DOCTYPE HTML>
<html>

<head>
    <title>Untitled</title>
    <style
    type="text/css">
    .inp{background:#fbfae1}
    .inp:focus{background:#F0F0F0}
    .text{background:#FFF}
    </style>
</head>

<body>
    <input class="inp" style="width: 523px;" type="text" name="name" onblur="this.className = this.value ? 'text' : 'inp'" />
</body>

</html>


Часовой пояс GMT +3, время: 10:35.