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

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{&nbsp; &nbsp; display: block; /* or inline-block */}

Answer 2

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

Answer 3

span默认情况下，s是内联显示的，这意味着它们没有高度和宽度。尝试display: block在范围中添加一个。