[解決済み] 高さと幅は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"> </span>
基本的に私はボタンをエミュレートしようとしています。入力フィールドの横にあるスパン(または何か)をボタンのように見せますが、実際にはEnter時にエラーを発生させる自動入力ジェネレータのためにボタンである必要はありません。これは今のところすぐに解決できると思っていたのですが、明らかにそうではありません。
ありがとうございます。
解決方法は?
Spanはインライン要素です。幅や高さはありません。
ブロックレベル要素にすると、dimensionディレクティブを受け入れることができます。
span.product__specfield_8_arrow
{
display: inline-block; /* or block */
}
関連
-
[解決済み】@font-faceが機能しない。
-
[解決済み】ボックスにサイズ/部分的なボーダーを宣言する方法はありますか?
-
[解決済み] margin: auto は中央揃えではありません。
-
[解決済み] Railsです。railsでcssから背景画像を設定する方法は?
-
[解決済み] Chrome で注入されたスタイルシートによる奇妙なスタイリングが発生する
-
[解決済み] JavaFX Labelの文字色を変更する方法
-
[解決済み] CSSでitempropをターゲットにする?
-
[解決済み] 幅・高さをピクセル単位からパーセント単位で設定する。
-
[解決済み] スパンでのCSS固定幅
-
[解決済み] HTML要素の実際の幅と高さを取得するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ダウンロードしたフォントのデコードに失敗しました。
-
[解決済み] リンクにアニメーションGIFを表示し、ホバーとリセットで再生する方法
-
[解決済み] SVGの塗りつぶし色が効かない
-
[解決済み] Railsです。railsでcssから背景画像を設定する方法は?
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] Ionicカードリスト作成
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ
-
[解決済み] Atomエディタで透明な背景を設定する方法は?