Версия для печати
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум на Исходниках.RU > HTML, CSS > плоская кнопка


Автор: ufo_ 21.08.04, 11:01
собственно сабж - как реализовать?

Автор: Mastilior 21.08.04, 11:24
Идея такова:
<{CODE_COLLAPSE_OFF}><{CODE_WRAP_OFF}>
     
    <style>
    .flat   {
            border:1px solid transparent;
            background-color:transparent;
        }
    .flat:hover
        {
        border-left:1px solid #eee;
        border-top:1px solid #eee;
        border-right:1px solid #888;
        border-bottom:1px solid #888;
        }
    </style>
     
    <body bgcolor=#cccccc>
    <input type=button value="Testing" class=flat>
    </body>

Автор: Art4 21.08.04, 11:27
Можешь написать это в теге style в HTML коде, а можешь вынести в отдельный CSS файл
<{CODE_COLLAPSE_OFF}><{CODE_WRAP_OFF}>
     
    input, textarea, select {
     background-color: #FFFFFF;
     border-style: solid;
     border-width: 1px;
     font-family: verdana, arial, sans-serif;
     font-size: 11px;
     color: #172739;
     padding: 0px;
    }

Автор: ufo_ 21.08.04, 22:56
спасибо ;)

Powered by Invision Power Board (https://www.invisionboard.com)
© Invision Power Services (https://www.invisionpower.com)