高度和宽度不适用于跨度吗？

Question

总菜鸟问题，但在这里。的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<span class="product__specfield_8_arrow">&nbsp;</span>基本上，我试图模拟一个按钮，使一个跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上生成错误，因此实际上不需要是一个输入字段。以为这是目前的快速解决方案，但显然不是。

Answer 1

跨度是一个内联元素。它没有宽度或高度。

您可以将其转换为块级元素，然后它将接受您的维度指令。

span.product__specfield_8_arrow

{

    display: block; /* or inline-block */

}

Answer 2

尝试使用div代替span或使用CSS display: block;或display: inline-block;- span默认情况下是不能接受width和height属性的内联元素。

Answer 3

span默认情况下，s是内联显示的，这意味着它们没有高度和宽度。

尝试display: block在范围中添加一个。