Формы и кнопки - PullRequest
Новая
       12

Формы и кнопки

0 голосов
/ 03 февраля 2011

Я хотел бы получить некоторые рекомендации о том, как создавать хорошие формы с кнопками отправки, которые выглядят плоскими, но не похожими на кнопки по умолчанию, которые используются при использовании html.Мне нужны кнопки отправки, подобные тем, которые есть на этом сайте.

Ответы [ 3 ]

0 голосов
/ 03 февраля 2011

Использование css для кнопки «Опубликовать свой ответ» на этом веб-сайте (более или менее): 

input[type="submit"] {
    border: 1px solid #888888;
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin: 3px;
    padding: 2px;

Для кросс-браузерной совместимости вам необходимо добавить класс к вашему <input type="submit" /> поскольку атрибут CSS [type=""] не распознается в более старых версиях Internet Explorer.

0 голосов
/ 03 февраля 2011

Если вы хотите увидеть, как любой элемент был стилизован на любых примерах, которые вам нравятся, используйте Firebug или его эквиваленты для других браузеров, которые покажут вам CSSприменимо к выбранному элементу.

В случае переполнения стека, это так, кнопки обернуты <div class="form-submit">: 

.form-submit input {
    border: 1px solid #888888;
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin: 3px;
    padding: 2px;
}
0 голосов
/ 03 февраля 2011

Вы должны попробовать применить CSS к кнопкам отправки, как показано ниже: 

<head>
.......
your html code
.....
<style>
.pass {
   width: 105px;
   padding: 5px;
   margin: 2px;
   font-weight: bold;
   color: #065fba;
   background: #f4f5f8;
   font-size: 11px;
   border: #e2e2e2 1px solid;
 }
</style>
</head>
.......
your html code
.....
<input trpe="submit" class="pass" value="Submit" />
......
...
.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...