CSS стиль отправить как тег href - PullRequest
Новая
       6

CSS стиль отправить как тег href

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

У меня есть класс button, который я написал в CSS. По сути, он отображает блок, добавляет некоторые стили и т. Д. Всякий раз, когда я добавляю класс в теги a, он работает нормально - тег охватывает всю ширину своего контейнера, как должно display:block ... Однако, когда я добавляю класс button для кнопки input, Chrome, Safari и Firefox добавляют margin-right: 3px ...

Я использовал инспектор DOM как в Chrome, так и в Safari, и НЕТ, ГДЕ следует добавить дополнительный отступ в 3 пикселя.

Я пытался добавить margin: 0 !important; и / или margin-right: 0 !important к своему button классу в моем CSS, но браузер ОСТАЕТСЯ с правой стороны в 3px!

Является ли это известной проблемой, и существует ли решение на основе CSS (т. Е. не jQuery / javascript)

КОД СЛЕДУЕТ ЗА: 

.button {
  position: relative;
  display: block;
  margin: 0;
  border: 1px solid #369;
  color: #fff;
  font-weight: bold;
  padding: 11px 20px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  cursor: hand;
  cursor: pointer;
}

Ответы [ 2 ]

1 голос
/ 19 февраля 2011

Да, элемент <input> имеет ряд странностей. Там, где это возможно, используйте элемент <button>, это намного надежнее.

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

, если вы добавите 

width:100%;

к существующему коду. Он заполнит контейнер и избавится от случайного 3px правого поля.

...