
掲示板を作成していてファイルをアップロードする箇所に画像を設置しており、その画像にcssを書きたいのですが上手くいきません。
※css
/* 雑談掲示板ファイルアップロードアイコン */
.board_form_partial .image-partial .image-selector-button lavel img {
text-align: center;
margin-right: 24px;
margin-bottom: 16px;
display: inline-block;
width: 125px;
height: 125px;
line-height: 150px;
background-color: #f5f5f5;
border-radius: 3px;
}
※掲示板コード
<div class="board_form_partial"id="js_board_form_partial"><form method="post"enctype="multipart/form-data"><input type="hidden"name="token"value="<?php echo $_SESSION['token']; ?>"><div class="image-partial"><h2>動画・画像をアップロード(Upload video・image)<span class="required">※ファイルサイズ15MB以内、JPG/GIF/PNG/MP4</span></h2><div class="image-selector-button"><label><img src="<?php echo $camera_url; ?>"style="height: 100px;"><input type="file"class="attach"name="attach[]"accept=".png, .jpg, .jpeg, .pdf, .mp4"style="display: none;"></label><input type="hidden"class="attachdel"name="attachdel[]"><button type="button"class="attachclear">clear</button><div class="viewer"><?php echo $attach[0]; ?></div></div><div class="image-selector-button"><label><img src="<?php echo $camera_url; ?>"style="height: 100px;"><input type="file"class="attach"name="attach[]"accept=".png, .jpg, .jpeg, .pdf, .mp4"style="display: none;"></label><input type="hidden"class="attachdel"name="attachdel[]"><button type="button"class="attachclear">clear</button><div class="viewer"><?php echo $attach[1]; ?></div></div></div></form></div>
No.1ベストアンサー
- 回答日時:
こんにちは
HTMLを読んでもらおうという気も感じられないし、ご自分で確認しようという気もないのかな?
他の部分がわからないけれど、長々とセレクタを並べなくても、ご提示の範囲であれば
#js_board_form_partial img
とでもしておけば十分なのでは?
(他との関係が不明なので、ご提示の範囲内での回答です)
回答ありがとうございます、申し訳ありません。HTMLで提示することは考えていませんでした。
回答者さんにアドバイス頂けた通りに指定するとcssは有効になったようです、質問があるのですがlavelの設定が間違えているという可能性はありますでしょうか?
No.2
- 回答日時:
ルール lavel は、要素 <label> に一致しません
回答ありがとうございます、<label>のid属性と<input>のfor属性を合わせることだと思うのですが、この場合id属性を設置していないので該当しないのではないでしょうか?
※参考サイト
https://atmarkit.itmedia.co.jp/fwcr/design/tag/f …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML要素のid/class名の長さに...
-
CSS内で使われる山括弧の意味が...
-
最近、HTMLのヘッダーをIDで定...
-
クリッカブルマップにツールチ...
-
個別にリンクの色を変える方法
-
idの中のid指定
-
cssで文字サイズ指定、ptでもpx...
-
ドロップダウンメニューが隠れ...
-
htmlの文字が縦書きになる
-
【CSS】ヘッダーの高さが不明の...
-
<li>タグの数が増えすぎたので...
-
divタグ内のコンテンツが重なっ...
-
複数のボタンを等間隔に、かつ...
-
番号付きリスト(<Ol><Li>・・...
-
html/cssの、navを2段にする...
-
C言語線形リストの問題です
-
HTML属性での「""」 「''」違い
-
HP 画像の一部にリンクでその...
-
クロームとサファリでスクロー...
-
<div>と<div>の間の10px程の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのid属性って必要なの?
-
個別にリンクの色を変える方法
-
idの中のid指定
-
liリストタグの背景色に色がつ...
-
サイトにjQueryが使用されてい...
-
HTML要素のid/class名の長さに...
-
CSSのクラス名・ID名の指定でワ...
-
a要素の色を複数使い分ける方法
-
FC2掲示板をトピック一覧表示型...
-
スタイルシートについて
-
CSSに同じclass名がいっぱい‥。...
-
brにクラスをつけてcssでdispla...
-
webデザイン 疑問点
-
CSS 記事内link色変更方法
-
親エレメントに含まれる子エレ...
-
cssでIEとFIREFOX(とchrome)の...
-
CSS内で使われる山括弧の意味が...
-
css:positionの挙動について
-
スタイルシートのドットが#に...
-
dreamweaverのコード画面で波線。
おすすめ情報