1. ホーム
  2. css

[解決済み] 高さと幅はspanには適用されないのですか?

2022-02-19 16:26:06

質問

全くの素人質問ですが、こちらで。

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>​

フィドル

基本的に私はボタンをエミュレートしようとしています。入力フィールドの横にあるスパン(または何か)をボタンのように見せますが、実際にはEnter時にエラーを発生させる自動入力ジェネレータのためにボタンである必要はありません。これは今のところすぐに解決できると思っていたのですが、明らかにそうではありません。

ありがとうございます。

解決方法は?

Spanはインライン要素です。幅や高さはありません。

ブロックレベル要素にすると、dimensionディレクティブを受け入れることができます。

span.product__specfield_8_arrow
{
    display: inline-block; /* or block */
}