Здравствуйте, возможно ли сменить оформление текстового поля input? Если это возможно, подтолкните в нужное направление. Смотрел в Googl`e, ни чего внятного не нашел. Спасибо.
Отслеживать
задан 13 июл 2012 в 23:17
101 2 2 золотых знака 2 2 серебряных знака 5 5 бронзовых знаков
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Лучше будет учесть все
input[type=»text»] < border: 1px solid #cccccc; //цвет рамки border-radius: 3px; //закругление углов (общее) -webkit-border-radius: 3px; //закругление углов (Google Chrome) -moz-border-radius: 3px; //закругление углов (FireFox) -khtml-border-radius: 3px; //закругление углов (Safari) background: #ffffff !important; // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым outline: none; // удаляет обводку в браузерах хром(желтая) и сафари(синяя) height: 24px; // высота на свое усмотрение width: 120px; // ширина на свое усмотрение color: #cccccc; //цвет шрифта в обычном состоянии font-size: 11px; // Размер шрифта font-family: Tahoma; // Стиль шрифта >
Можно также добавить стиль при на нажатии(фокусе) на поле
Как создать дизайн в стиле Вконтакте за 10 минут
input[type=»text»]:focus
input[type=»text»]
не обязательно можно просто
input
тогда свойство будет применено для всех инпатов.
Отслеживать
ответ дан 5 авг 2012 в 11:02
1,655 4 4 золотых знака 35 35 серебряных знаков 73 73 бронзовых знака
Для всех Input с type=»text»
input[type=»text»]
Отслеживать
ответ дан 14 июл 2012 в 8:01
1,111 1 1 золотой знак 8 8 серебряных знаков 24 24 бронзовых знака
Можно. В css пишешь стиль, а input’у присваивашь нужный класс.
Вот пример из админки DLE. В CSS
.edit < border:1px solid #9E9E9E; color: #000000; padding: 3px; margin-top: 2px; margin-bottom: 2px; font-size: 11px; font-family: Verdana; background: #FFF; >.bk < background:#fff url(images/shadow.png) repeat-x; >
Ну и к input ‘у пишешь:
Отслеживать
4,936 10 10 золотых знаков 33 33 серебряных знака 62 62 бронзовых знака
ответ дан 14 июл 2012 в 0:10
75 8 8 бронзовых знаков
14 июл 2012 в 6:08
Highly active question. Earn 10 reputation (not counting the association bonus) in order to answer this question. The reputation requirement helps protect this question from spam and non-answer activity.
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Источник: ru.stackoverflow.com
Как посредством CSS сделать разные цвета букв?
Приветствую.
КАК СДЕЛАТЬ ГРУППУ ПО ДИЗАЙНУ В ВК И НАЧАТЬ ЗАРАБАТЫВАТЬ? КАК ДОБАВИТЬ ТОВАРЫ И ОФОРМИТЬ ГРУППУ?
Есть надпись на сайте блаблаблаиещеразбла — (для примера)))
Можно ли как то задать разный стиль написания каждой буквы не обрамляя каждую тегом ?
- Вопрос задан более трёх лет назад
- 22154 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 8
Веб-разработчик
Css никак, js оборачиваете каждую букву спаном и красите в нужный цвет
Вот недавно этим скриптом пользовался www.artlebedev.ru/tools/technogrette/js/gradient-text
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
СПС у меня это заработало
Да, посмотрите, например, тут
Ответ написан более трёх лет назад
Это совсем не то, что нужно!
:nth-child
но тоже то еще извращение =)
:first-letter, так что только одну (
Ответ написан более трёх лет назад
:nth-child применяется вроде к тегам) мне теги не нужны!
Или есть какая то хитрость? Можно ли задать буквам без тегов стиль с помощью :nth-child? Что то сомневаюсь.
вроде можно, я лого так делал, правда там только ферст чайлды были, другого цвета
а, вспомнил, там был :first-letter, есть такой селектор.
Покрасить конкретные символы вы сможете, только есть шрифт будет моноширинный. А для оставшиеся вариантов вам уже давали ссылку на нечто подобное или каждый символ заключать в тэг.
И да — никакие селекторы без тэгов не работают (это я про nth:child, как вы понимаете:).
Источник: qna.habr.com
Css стили для сайта: как их правильно подключать и писать
От автора: здравствуйте, уважаемые читатели портала webformyself. В сайтостроении огромное значение имеет оформление веб-ресурса. Именно за это отвечает язык css (каскадные таблицы стилей), о котором мы сегодня и поговорим. А точнее, о его подключении и использовании. Рассмотрим некоторые css стили для сайта, которые используются при оформлении веб-страниц.
Подключение css
Сегодня едва ли вы где-то найдете веб-страницу, которая была бы создана чисто за счет возможностей html. В самом деле, внешний вид подобных сайтов был бы просто ужасным, поэтому, когда готова разметка нужных элементов, их тут же нужно оформлять, а это делается с помощью css в отдельном файле.
Нужно сказать, что вообще существуют также возможности включения стилей в html-файл. Например, их можно определить с помощью атрибута style или такого же тега. Это называют встроенными стилями. Такой подход сегодня не приветствуется и нарушает современные стандарты разработки.
А как же сделать правильно, спросите вы? Для этого нужно создать новый файл с расширением css, а затем подключить его к html. Это делается очень просто с помощью тега link, который и отвечает за подключение внешних файлов. Делается это так:
Изучите Веб-вёрстку с нуля
Если вы мечтаете создавать сайты, но не знаете, с чего начать. Хотите глубоко погрузиться в основы веб-разработки, а не просто пройтись по верхам — этот курс для вас!
Подходит для новичков без опыта в программировании
Практика на вебинарах с разработчиками из крупных компаний
4 месяца обучения
24 практических работы
Тег является одинарным, как вы уже поняли. Немного подробнее расскажу о его атрибутах:
rel = «stylesheet» – вообще атрибут rel записывается для того, чтобы определить роль файла на странице. В нашем случае роль – это таблица стилей, что и указывается.
type = «text/css» – так называемый MIME-тип, который обычно указывается всем подключаемым файлам, чтобы браузер правильно их интерпретировал. В современных веб-обозревателях можно не писать этот атрибут.
href = «style.css» – стандартный атрибут, указывающий адрес нашего внешнего файла. В данном случае он записан исходя из того, что файл имеет название style, расширение css и находится в той же папке, что и html-документ.
Где взять готовые css стили для сайта?
Ну ладно, с подключением, я надеюсь, все более менее понятно. Но ведь вы создаете пустой файл, и чтобы от его добавления был виден эффект, нужно либо самому написать правила, либо взять их откуда-то.
В сети, например, очень много бесплатных html-шаблонов. Есть скачать любой из них, то внутри обязательно будет и готовая таблица стилей с нужными правилами для оформления сайта. Но корректно работать она будет только для своего же html-документа. Дело в том, что эти два языка связываются с помощью так называемых селекторов.
Селектор – это особенность языка css, присущая только ему. Зачем они нужны? Ну вот представьте такой код:
Источник: webformyself.com