Смяна на цвета на тexfield
Така, какво ми щукна да направя ........... не е кой знае какво, но предполагам че си струва Exclamation . Този урок ще ви помогне да си направите css файл, чрез който при импортиране във вашата страница да променя цвета на текстови форми при маркиране със курсoра на мишката!
От какво ще имате нужда .......... мисля че само един текстови редактор Idea . Ами да започваме .......

Пояснение какво ще включва съдържанието на файла:

1. При слагането на текстова форма във страницата имаме един елемент input който всъщност ще използваме!
< input type="text" value="Проба">
2. Textarea - представлява елемента в който ще се зададат самите параметри, които се ограждат в големи скоби - { }.
3. Параметрите които ще използваме са:
3.1. padding;
3.2. margin;
3.3. font - задаваме какъв шрифт да използва тази текстова форма;
3.4. color - цвят на текста във формата;
3.5. background-color - цвят на фона на формата;
3.6. border - цвета на рамката на формата и нейната големина;

В случая кода ще представлява това:

input,
textarea {
padding: 1px 3px;
margin: 5px 0;
font: 1em Helvetica,Arial,sans-serif;
color: #FFCC66;
background-color: #66CC33;
border: 1px solid #006600;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
color: #000000;
background-color: #99CC00;
border: 1px solid #999900;
}

като в първите големи скоби {}, задаваме първоначалните стойности на текст формата, а във вторите големи скоби {} - така как ще изглеждат след като ги посочим със курсора на мишката.
Запаметете файла със разширение *.css, примерно textarea.css
Импортвате файла, който примерно сте го наименовали textarea.css във вашата страница по следния начин:
Отваряте страницата с текстов редактор и между <head> и </head> слагате следния код <link href="textarea.css" rel="stylesheet" type="text/css">

Ето и демо
Урока участва в играта на http://inbg.eu


/ Трябва да сте регистриран за да напишете коментар /
От: batmanabg
13:21 22-07-2011
Полезен урок.
1