За последние 24 часа нас посетили 17325 программистов и 1721 робот. Сейчас ищут 1532 программиста ...

CSS для елементов управления

Тема в разделе "HTML и CSS", создана пользователем Anonymous, 9 дек 2006.

  1. Anonymous

    Anonymous Guest

    В CSS во внешнем файле можно, например, задать стиль для всех елементов <input>. Но можно ли определить CSS только для некоторих типов <input>, например для submit, reset, text...?
    Есть вариант
    input[type="submit"] { color: #fff; } (подсказали на WoWEB)
    Но но в MSIE не работает
     
    #1 Anonymous, 9 дек 2006
  2. Петр

    Петр Активный пользователь

    С нами с:
    20 мар 2006
    Сообщения:
    1.253
    Симпатии:
    0
    Адрес:
    Центр Вселенной
    Использовать классы и идентификаторы.
     
    #2 Петр, 10 дек 2006
  3. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Это понятно. Но вся фишка - как это сделать во внешнем файле?
     
    #3 bruno, 10 дек 2006
  4. Anonymous

    Anonymous Guest

    Видимо, не понятно...
    вам на css.manual.ru
     
    #4 Anonymous, 10 дек 2006
  5. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Я б с удовольсвием, но нет такого:(
    Если Ви, например знаэте, как для елемента управления Edit задать стиль, не написав при этом ни одной СSS строки в этом же файле, тогда НАПИШИТЕ!!!
     
    #5 bruno, 10 дек 2006
  6. Anonymous

    Anonymous Guest

    в CSS файле:
    Код (Text):
    1. .edit {
    2.   border: 1px solid Red;
    3.   background-color: Yellow;
    4.   color: Blue;
    5. }
    соответственно, в HTML:
    Код (Text):
    1. <input type="text" name="name" class="edit"/>
     
    #6 Anonymous, 10 дек 2006
  7. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Если Ви, например знаэте, как для елемента управления Edit задать стиль, не написав при этом ни одной СSS строки в этом же файле, тогда НАПИШИТЕ!!!
    ни одной СSS строки в этом же файле!!!(ну кроме подключения внешнево файла СSS:)
     
    #7 bruno, 10 дек 2006
  8. Anonymous

    Anonymous Guest

    brunoа где ви видите css строку?
    учите терминологию. и не майтесь фигней.
     
    #8 Anonymous, 10 дек 2006
  9. Sver4koff

    Sver4koff Активный пользователь

    С нами с:
    10 дек 2006
    Сообщения:
    2
    Симпатии:
    0
    мне кажется пока ИЕ жив... это не реально.
    я бы на твоем месте просто сделал отдельно еще один класс. но уже не просто "input", а ".input", например.
    собсно говоря, именно это тебе Горбунов Олег и говорил


    ps. "class=edit" это не css строка
     
    #9 Sver4koff, 10 дек 2006
  10. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Пусть не СSS строка, но это строка которая имеет отношения к CSS (это уже точно:)
    Дело в том что есть много страниц, в которих есть елементи Submit, Edit... во многом количестве. И приписивать каждому "class=edit" - дело не для слабонервних.
    Если би не msIE то проблема решина, а так ...
     
    #10 bruno, 10 дек 2006
  11. Anonymous

    Anonymous Guest

    ... которое надо делать на этапе верстки, а еще точнее — вовремя.
     
    #11 Anonymous, 10 дек 2006
  12. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Сначало ядро, потом CSS. Когда паришся как создать php-код, то CSS отходит на задний план. А потом, когда этих страниц многовато то вписивать каждому елементу class... і засмечивать php-код ох как нехочу!
    Неужели нет для mSIE подобного выхода???
    input[type="submit"] { color: #fff; } (подсказали на WoWEB)
     
    #12 bruno, 10 дек 2006
  13. avm

    avm Активный пользователь

    С нами с:
    21 сен 2006
    Сообщения:
    597
    Симпатии:
    0
    Адрес:
    Москва
    bruno, для IE пользуйтесь js - делайте проход по всем input и расставляйте им className
     
    #13 avm, 11 дек 2006
  14. Anonymous

    Anonymous Guest

    Просуммирую:
    Да, к сожалению — в MSIE не работает. Можно:
    кроме того,
    хорошо бы представление от кода отделять, это значительно облегчит вам жизнь.
     
    #14 Anonymous, 11 дек 2006
  15. xak2

    xak2 Guest

    <input name="id1" id="id1">

    CSS:

    #id1 {

    }

    Гдето видел, но писал от руки.
     
    #15 xak2, 24 дек 2006
  16. Anonymous

    Anonymous Guest

    xak2, ии? какое это имеет отношение к проблеме? =)
     
    #16 Anonymous, 24 дек 2006
  17. Demon

    Demon Активный пользователь

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    Код (Text):
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <title>Untitled</title>
    5. <style type="text/css">
    6. <!--
    7. input[type="submit"] {
    8. color: green;
    9. border: 1px solid silver;
    10. }
    11. input[type="reset"] {
    12. color: blue;
    13. border: 1px solid silver;
    14. background-color: gold;
    15. }
    16. input[type="text"] {
    17. color: red;
    18. border: 1px solid silver;
    19. }
    20. input {
    21. background-color: expression((this.getAttribute("type") && this.getAttribute("type")=="submit") ? "inherit" : "" || (this.getAttribute("type") && this.getAttribute("type")=="reset") ? "gold" : "none" || (this.getAttribute("type") && this.getAttribute("type")=="text") ? "inherit" : "");
    22. border: expression((this.getAttribute("type") && this.getAttribute("type")=="submit") ? "1px solid silver" : "inherit" || (this.getAttribute("type") && this.getAttribute("type")=="reset") ? "1px solid silver" : "none");
    23. color: expression((this.getAttribute("type") && this.getAttribute("type")=="submit") ? "green" : "" || (this.getAttribute("type") && this.getAttribute("type")=="reset") ? "blue" : "" || (this.getAttribute("type") && this.getAttribute("type")=="text") ? "red" : "inherit");
    24. }
    25. -->
    26. </style>
    27.  
    28. </head>
    29. <body>
    30. <input type="submit" value="Send" />
    31. <input type="reset" value="Reset" />
    32. <input type="text" />
    33. </body>
    34. </html>
     
    #17 Demon, 24 дек 2006
  18. Anonymous

    Anonymous Guest

    Demon!!
    Малаца!
    Все забываю про удобную в принципе, фичу IE - expression
    PS. Но это не меняет моего мнения — лучше один раз не полениться и расставить классы руками в шаблоне, чем потом извращаться... ;)
     
    #18 Anonymous, 24 дек 2006
  19. Demon

    Demon Активный пользователь

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    Полностью с вами согласен. Прописать руками будет намного проще, чем городить огород из многострочных expression() для каждого стиля, применяемого к объектам.. 8)
     
    #19 Demon, 24 дек 2006
  20. Vitas

    Vitas Активный пользователь

    С нами с:
    7 фев 2006
    Сообщения:
    595
    Симпатии:
    0
    Адрес:
    Новосибирск, Академгородок
    Хм.. Интересно, никогда об этом не знал.
     
    #20 Vitas, 24 дек 2006
  21. bruno

    bruno Активный пользователь

    С нами с:
    9 дек 2006
    Сообщения:
    122
    Симпатии:
    0
    Demon супер! Я уже сделал это псевдокласами, прописивая их в каждий файл. Но это реальное решение жтой проблеми, котороэ рабртаєт и в IE и в Opera і в Mozilla. Спасибо!
     
    #21 bruno, 8 янв 2007
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)