仕事備忘録タイトル通り。 Wordpressで使用しているフォームプラグイン MW WP FORMのファイル添付ボタンをカスタマイズする。 chromeとedgeでデザインが異なること、またレスポンシブを考えての変更。 1.HTML <dt>画像</dt> <dd><label for="file_upload" class="fileup_label"><span class="fileup_btn">ファイルを選択</span></label>[mwform_image name="画像" id="file_upload"]<span id="fileup_name"></span></dd>2.CSS form { label.fileup_label { & + input[type="file"] { display: none; } } }fileup_btnのボタンデザインは適当に。
CosmoDB Official
WordPress Japan
