Общий вопрос о новичке, но здесь.
CSS
.product__specfield_8_arrow {
/*background-image:url(../../upload/orng_bg_arrow.png);
background-repeat:no-repeat;*/
background-color:#fc0;
width:50px !important;
height:33px !important;
border: 1px solid #dddddd;
border-left:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-bottom-left-radius:0px;
border-top-left-radius:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-top-left-radius:0px;
margin:0;
padding:2px;
cursor:pointer;
}
HTML
В основном я пытаюсь эмулировать кнопку, сделать промежуток (или что-то) похожи на кнопку рядом с полем ввода, которое на самом деле не должно быть один из-за автоматического генератора заливки, который генерирует ошибки onEnter. Мысль это было бы быстрым исправлением на данный момент, но очевидно нет.
Спасибо.
Span - это встроенный элемент. У него нет ни ширины, ни высоты.
Вы можете превратить его в элемент уровня блока, тогда он примет ваши директивы измерения.
span.product__specfield_8_arrow
{
display: block; /* or inline-block */
}
Попробуйте использовать div
вместо span
или используйте CSS display: block;
или display: inline-block;
- span
по умолчанию является встроенным элементом, который не может принимать свойства width
и height
.
span
по умолчанию отображаются встроенными, что означает, что они не имеют высоты и ширины.
Попробуйте добавить в диапазон display: block
.
Span начинается как встроенный элемент. Вы можете, например, изменить его атрибут отображения на блок, и его атрибуты высоты / ширины начнут действовать.